我的 ajax 成功/失败事件没有触发。我正在使用 jquery 验证,并在其中使用 ajax 进行表单提交。
我的表单已提交,但返回值(JSON 数据)未按照 AJAX 中的描述显示。
我尝试使用alert(),但它也没有触发。
<script type="text/javascript">
$('document').ready(function()
{
$("#alert-form").validate({
ignore: '',
messages: {
select2Start: {
required: "Please select your starting point.",
}
},
//});
submitHandler: function(form) {
e.preventDefault;
var btn = $('#publish');
btn.button('loading');
alert('valid form submission');
$.ajax({
type: 'post',
url:$('form#alert-form').attr('action'),
cache: false,
dataType: 'json',
data: $('form#alert-form').serialize(),
beforeSend: function() {
$("#validation-errors_alert").hide().empty();
},
success: function(data) {
if(data.success == false)
{
var arr = data.errors;
$.each(arr, function(index, value)
{
if (value.length != 0)
{
$("#validation-errors_alert").append('<div class="alert alert-danger"><strong>'+ value +'</strong><div>');
}
});
$("#validation-errors_alert").show();
btn.button('reset');
}else{
// alert("Job Alert Configured successfully.");
$("#job_success_alert").append('<div class="alert alert-success"><strong>Alert Configured successfully.</strong><div>');
}
},
error: function(xhr, textStatus, thrownError) {
alert('Something went to wrong.Please Try again later...');
alert(thrownError);
btn.button('reset');
}
});
return false;
}
});
});
</script>
正如 Barmer 在他的第一条评论中指出的那样,这段代码存在几个问题......
submitHandler: function(form) {
e.preventDefault;
....
多变的e
此范围内不存在submitHandler
功能。
您未能将括号包含在.preventDefault()
.
你不需要.preventDefault()
在这种情况下,因为插件已经阻止了默认提交。完全删除此行。
NOTES:
为了获得良好的可读性,不要将 Allman 与 1TBS 风格的代码格式混合在一起......只需始终保持一致即可。此外,最好是避免在 JavaScript 中使用 Allman https://stackoverflow.com/a/11247362/594235共。
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)