在使用jquery validate.js 插件時,發現,如果是用onclick事件捕獲提交按鈕的動作,並且ajax動態提交form,驗證不會被觸發,而是直接提交了form。
后來發現,需要手動調用該form的validate方法,就可以實現。
$(form).validate({ ignore: "hidden", rules: { customer_sex :{ required: true }, customer_email: { email: true } }, errorPlacement: function (error, element) { //指定錯誤信息位置 if (element.is(':radio') || element.is(':checkbox')) { //如果是radio或checkbox // var eid = element.attr('name'); //獲取元素的name屬性 error.appendTo(element.parent().parent()); //將錯誤信息添加當前元素的td后面 } else { error.insertAfter(element); } }, submitHandler: function(form){ // ajax動態請求寫在此處,即,表單驗證通過后,才提交。 }