你的位置:首页 > 软件开发 > Java > 如何组织表单的默认提交?【亲测有效】

如何组织表单的默认提交?【亲测有效】

发布时间:2016-04-14 23:00:13
最近做的一个项目,我分到的部分有表单验证。点击了提交按钮,但我并不想让他跳转页面去提交。于是经过各种百度,各种 stackoverflow,各种抱大神腿之后,有了以下解决办法:重点就是阻止 form 的 submit() 默认提交行为,一种方法用 return false,另一种 ...

如何组织表单的默认提交?【亲测有效】

最近做的一个项目,我分到的部分有表单验证。点击了提交按钮,但我并不想让他跳转页面去提交。于是经过各种百度,各种 stackoverflow,各种抱大神腿之后,有了以下解决办法:

重点就是阻止 form 的 submit() 默认提交行为,一种方法用 return false,另一种是 event.preventDefault(); 两种方法都可以,但却又有不同,要根据你的实际情况选择。有什么不同呢,看完文章就告诉你。

首先 html 里 code 如下:

 1 <!doctype html> 2 <html> 3 <head> 4   <meta charset="UTF-8"> 5   <title>form</title> 6 </head> 7 <body> 8   <form action="www.baidu.com" method="post" id="myForm" novalidate> //novalidate是为了防止 HTML5 表单执行原生的校验,从而只执行你自定义的验证。 9     <input type="name" id="name" required>10     <input type="submit" value="submit">11   </form>12 13   <script src='/images/loading.gif' data-original="scripts/jquery.min.js"></script>14   <script src='/images/loading.gif' data-original="scripts/demo.js"></script>15 </body>16 </html>

原标题:如何组织表单的默认提交?【亲测有效】

关键词:

*特别声明:以上内容来自于网络收集,著作权属原作者所有,如有侵权,请联系我们: admin#shaoqun.com (#换成@)。

可能感兴趣文章

我的浏览记录