1. 程式人生 > >jquery.form.js非同步提交表單提交驗證(不用validate)

jquery.form.js非同步提交表單提交驗證(不用validate)

第一種:

利用fieldValue()方法,fieldValue 是表單外掛的一個方法,它能找出表單中的元素的值,返回一個集合。

js程式碼:


html:


此方法優點:靈活

缺點:命名錶單元素命名不能以XXX.XXX的形式;例:物件定義到Action中,然後在JSP中通過物件.屬性來傳值;

二:

利用formData物件

<script type="text/javascript">
var options = {
beforeSubmit : showRequest
}
function showRequest(formData, jqForm, options) {
for ( var i = 0; i < formData.length; i++) {
if (!formData[i].value) {
alert('使用者名稱,密碼,郵箱,電話,地址和自我介紹都不能為空!');
return false;
}
}
}
$(function() {
$("#myForm").ajaxForm(options);
})
</script>

優點:簡單,不需要單個獲取表單元素

缺點:不靈活,要進行多種型別的判斷,可能比較麻煩

三:

利用jqForm物件

<script type="text/javascript">
var options = {
beforeSubmit : showRequest
}


function showRequest(formData, jqForm, options) {
  var form = jqForm[0]; //把表單轉化為dom物件  
      if (!form.name.value || !form.address.value||!form.password||!form.email) {  
            alert('使用者名稱和地址不能為空,自我介紹可以為空!');  
            return false;  
      }  
 }
 $(function() {
$("#myForm").ajaxForm(options);
})
</script>

缺點:同一;

歡迎補充交流

ps:部分內容摘錄其他部落格