如何判断在JS中通过表单的submit函数提交是否成功

JavaScript012

如何判断在JS中通过表单的submit函数提交是否成功,第1张

submit只是表单提交时的验证事件,无法获取提交是否成功

return false阻止表单提交,自己写ajax提交表单内容

$("#xxx").submit(function () {

$.ajax({ type: 'POST', data: $(this).val(), url: 'xxxx',

success: function () { //...

},

error: function (xhr) {

//...

}

})

return false

})

最简单有效的方法,即在form中加入回调函数,进行表单验证后再执行提交:

在验证的JS函数中对表单的内容进行判断验证,然后以返回的值-true/false判断是否提交:

form表单提交后,一般会弹出提交成功的字样,如果没有弹出,那么很有可能没有提交成功。

form表单提交失败主要有两种原因,一种原因是网路中断和伺服器故障等意外,因为这些意外都会导致伺服器端无法处理提交。第二种是验证失败、资料不全、权限设置,这些也会导致表格无法提交。

如果是第一种原因,可以使用 AJAX 去检测,或者可以不作理会,只要用户刷新就能正常提交。如果是第二种原因,一般都要在伺服器实际操作,这样很难进行表格提交,建议对form先进行重装。

form可以理解前台数据,如果真的想知道是否提交表格成功,那么还可以借助php,php可以理解为负责处理提交表格的后台。因此,要想最快知道是否提交form成功,最好就是查询php的数据。