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:部分內容摘錄其他部落格