[英]Debugging an ajax call after submitting form
我有一些php框架自动开发的表单。 我想为表单输入添加自定义验证,并在验证失败时阻止提交表单。
为此,我编写了以下脚本:
$("form.pods-form-pod-katilimci").submit(function(event){
telefon = $("form.pods-form-pod-katilimci #pods-form-ui-pods-field-oncelikli-telefon");
email = $("form.pods-form-pod-katilimci #pods-form-ui-pods-field-email");
if( $.trim(telefon.val()).length == 0 && $.trim(email.val()).length == 0) {
alert("Size ulaşabilmemiz için eposta adresi veya telefon numaranızdan birisini mutlaka doldurmalısınız.");
event.preventDefault();
return false;
}
});
它正常工作。 没有问题。 但是提交表单会触发自动ajax调用,该调用会绕过我的验证。
因此, preventDefault()
无法阻止提交表单。
我想找出哪个JavaScript函数使用Firebug导致了此行为。 我查看了表单的html源,但是尚无明显的迹象表明提交均匀触发了功能。 由于这是一个ajax调用,因此我无法弄清楚在表单提交后使用Firebug中的“下一步中断”会调用哪个函数。
表格在此页面上: http : //www.aep.gov.tr/kullanici-islemleri/uyelik-bilgileri/
提交表单后,如何找出触发了哪个javascript函数。
您可以尝试使用jquery验证插件:
http://bassistance.de/jquery-plugins/jquery-plugin-validation/
$('#yourformId').validate({
rules:{
telefon:{
required:true
},
email:{
required:true
}
}
});
然后使用ajax形式的插件: http : //malsup.com/jquery/form/
这段代码:
$('#yourformId').ajaxForm({
succes:function(response){
(your code needed for another ajax call)
}
});
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.