1. 程式人生 > >jQuery獲取表單和的div中的值

jQuery獲取表單和的div中的值

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權威指南