JQuery获取表单绑定的submit事件并手动调用获得返回值

来源：互联网发布：网络数字对讲机编辑：程序博客网时间：2024/06/15 21:21

我在用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

0 0