我在用SuperAdmin这个前端模板,它封装了表单验证的所有过程。不过只适用于表单action提交,现在我想在ajax请求中表单也能利用它自带的验证该怎么做呢?
SuperAdmin验证提示这么漂亮,让我没理由不用。
首先把改成
然后关键是要获取底层框架给这个form绑定了什么事件了,通过参考互联网的资料,可以通过
.data(
form[0],”events”)来获取dom通过jquery绑定的所有事件。我打印 一下这个东东:
可以看到,当前form元素只绑定了submit类型事件,用数组表示,并且只绑定了一个submit事件,事件处理函数为handler。获悉这些信息就好办了。
我给button绑定了一个click事件,在事件里进行表单验证,验证通过则发送ajax请求,不通过则直接return返回:
$btn.click(function(){
var res = $._data($form[0],"events").submit[0].handler.call($form);//表单验证结果true|false
if(!res){
return;
}
// 发送请求
……
});
获取其他Jquery事件类似……
参考1:https://segmentfault.com/q/1010000000446492
参考2: http://www.cnblogs.com/signheart/p/6598491.html