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

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

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值