根据从ajax调用收到的响应阻止表单提交

时间:2018-06-18 10:35:08

标签: javascript ajax form-submit

我有一个表单,一旦点击input类型submit,就会提交。现在我想添加一个验证,如果数据库中已存在唯一ID,则应显示警告消息,不应提交表单。为此,我使用Ajax检查唯一ID的存在,这是我的ajax代码:   function validate(){ $.ajax({ type: "POST", url: "/Controller/Method", data: '{barcode:"' + barcode + '"}', contentType: "application/json,charset=utf-8", datatype: "json", success: function (response) { //here i want to display the alert message // and some code to stop the form submission. } }); }

这是我的输入按钮代码: <input type="submit" value="Go" onclick="return validate()" />

我尝试了return false,但它无效。

1 个答案:

答案 0 :(得分:0)

Double否定了使用异步代码获得解决方案的逻辑。 如果ID已经存在,则不要停止表单提交,只有在不存在时才提交表单。

正如评论中所指出的那样,如果id是在第一次检查存在和尝试处理表单数据之间的时间内创建的,那么在服务器上仍然需要逻辑来生成表单提交错误。存在。

最好在单个服务器请求中提交表单数据和ID。