jQuery 中的 name 或 用于獲取指定名稱的表單元素,常用于表單提交前的數(shù)據(jù)驗(yàn)證和處理。
// 獲取表單提交的數(shù)據(jù) $('form').submit(function() { var username = $('input[name="username"]').val(); var password = $('input[name="password"]').val(); // 處理數(shù)據(jù) // ... });
在表單中,每個(gè)表單元素都需要指定 name 屬性,以便在提交數(shù)據(jù)時(shí)被正確識(shí)別。jQuery 的 name 或 可以幫助我們快速獲取指定名稱的表單元素的值,如:
// 獲取指定名稱的表單元素的值 var email = $('input[name="email"]').val(); var phone = $('input[name="phone"]').val();
在表單驗(yàn)證中,我們可以使用 name 或 進(jìn)行快速的數(shù)據(jù)驗(yàn)證。比如,判斷輸入的郵箱格式是否正確:
// 郵箱格式驗(yàn)證 $('input[name="email"]').blur(function() { var emailVal = $(this).val(); var reg = /^\w+([-+.]\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*$/; if(!reg.test(emailVal)) { alert('請(qǐng)輸入正確的郵箱格式!'); } });
通過利用 name 或,我們可以方便地獲取表單元素的值,處理數(shù)據(jù),快速進(jìn)行表單驗(yàn)證等操作,使得表單操作變得更加簡單高效。