jQuery獲取表單和的div中的值
阿新 • • 發佈:2019-01-07
div,span等元素的取值和賦值
在jQuery中,操作元素內容的方法包括html()和text(),通常用於獲取和設定div,span中的屬性
html()與JavaScript中的innerHTML屬性類似,即獲取或設定元素的HTML內容;text()類似於JavaScript中德innerText屬性,即獲取或設定元素的文字內容。二者的區別如下
語法格式 | 引數說明 | 功能描述 |
---|---|---|
html() | 無引數 | 用來獲取元素的HTML內容 |
html(val) | val引數為元素的HTML內容 | 用來設定元素的HTML內容 |
text() | 無引數 | 用來獲取元素的文字內容 |
text(val) | val引數為元素的文字內容 | 用來設定元素的文字內容 |
表單元素的取值和賦值
在jQuery中,如果要獲取元素的值,是通過val()方法實現的,其語法格式如下:
val(val)
其中如果不帶引數val,則是獲取某元素的值;反之,則是將引數val賦值給某元素。
該方法通常用於表單中獲取或設定物件的值。
一個簡單的小示例
<form action="" method="post">
您的問題:
<textarea id="question" name="question" ></textarea>
您的電話:
<input type="text" id="phone" name="phone">
<input id="tijiao" type="submit" value="提交">
</form>
<span id="info"></span>
<script type="text/javascript">
$("#tijiao").click(function() {
var isMobile = /^(?:13\d|15\d)\d{5}(\d{3}|\*{3})$/ ;
var isPhone = /^((0\d{2,3})-)?(\d{7,8})(-(\d{3,}))?$/;
var ques = $("#question").val().trim();
var phone = $("#phone").val().trim();
if (ques.length != 0 & phone.length != 0) {
if (!isMobile.test(phone) && !isPhone.test(phone)) {
$("#info").html("請正確填寫電話號碼,例如:13312341234或028-69953140").css("color","#FF0000");
return false;
} else {
$("#info").html("");
return true;
}
}
$("#info").html("請輸入您的問題和電話").css("color","#FF0000");
return false;
});
</script>
什麼也沒有輸入介面
電話號碼有誤介面
都輸入正確,正在提交介面
參考文獻
jQuery權威指南