javascript - 如果验证失败,如何停止表单提交

标签 javascript jquery forms model-view-controller

<分区>

更新: 我的问题更多关于如果验证失败如何阻止表单提交

链接没有解决我的问题

只是重复我正在做的事情: 我有一个带有一堆输入字段的表单,当用户点击提交按钮时,如果表单验证失败,它会使用属性 required="required" 验证表单然后我想停止提交表单,如您所见当用户提交表单时,它显示 div 的 javascript。

希望这一切都过去了。

结束更新

如果表单验证失败,如何停止表单提交?

<input class="form-control" data-val="true" id="SerialNumber" name="SerialNumber" required="required" type="text">

<button type="submit" name="rsubmit" class="btn btn-success">Submit</button>

 //loading message:
 $("form").submit(function (e) {
     $("#loading").show();
 }); 

最佳答案

如果验证失败,您需要做两件事,e.preventDefault() 并返回 false。

对于您的示例,在给定输入的情况下,伪代码可能是下一个:

$("form").submit(function (e) {
   var validationFailed = false;
   // do your validation here ...
   if (validationFailed) {
      e.preventDefault();
      return false;
   }
}); 

关于javascript - 如果验证失败,如何停止表单提交,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/35487417/

相关文章:

jquery - 让 typeahead.js 处理动态内容、Bottle 和 Hogan

javascript - 粘性侧边栏 - 停在元素处?

forms - 目录搜索 Magento - 不工作 https/ssl

javascript - 如何在 JavaScript 中将属性值与 JSON 值匹配?

javascript - 尝试为要翻译的语言设置 JSON 文件?

javascript - 制作 JS 对象的副本以更改给定键的出现

Javascript 秒表错误的重置值

javascript - 如何将单个用户的操作通知多个客户端?基于网络的 channel

javascript - 使用 AngularJS 将表单发布到新窗口

python - 使用 Python Mechanize 上传文件