大佬教程收集整理的这篇文章主要介绍了jquery – preventDefault无法使用Zurb验证(Abide)，大佬教程大佬觉得挺不错的，现在分享给大家，也给大家做个参考。
我使用以下代码来验证和提交表单数据.
$('#myForm').on('valid',function (g) {
g.preventDefault();
//ajax call to insert the data
});
我的问题是,我无法使用preventDefault()阻止此表单的默认提交.
有什么想法怎么做？
我试过这样做.
$('#myForm').on('valid submit',function (g) {
g.preventDefault();
//ajax call to insert the data
});
这可以防止默认提交,但会将数据插入两次.
$("#myForm").on("valid invalid submit",function(g){
g.stopPropagation();
g.preventDefault();
if (g.type === "valid"){
// AJAX call
}
});
这是围绕Abide验证事件的一种hacky方式,但它对我有用,直到库为这种情况提供更好的处理.
–updatE–
最初的问题适用于基金会4.看起来基金会5更好地处理这种情况：
<form data-abide="ajax">
<div class="name-field">
<label>Your name <small>required</small>
<input type="text" name="users_name" required pattern="[a-zA-Z]+">
</label>
<small class="error">Name is required and must be a String.</small>
</div>
<button type="submit">Submit</button>
</form>
$('input[name="users_name"]').on('valid',function() {
// Handle the submission of the form
});
我从v4开始就没有使用过Abide,所以不知道这个更新.
以上是大佬教程为你收集整理的jquery – preventDefault无法使用Zurb验证(Abide)全部内容，希望文章能够帮你解决jquery – preventDefault无法使用Zurb验证(Abide)所遇到的程序开发问题。
如果觉得大佬教程网站内容还不错，欢迎将大佬教程推荐给程序员好友。
本图文内容来源于网友网络收集整理提供，作为学习参考使用，版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ：384754419，请注明来意。