JavaScript阻止表单提交方法（附代码）
更新时间：2017年08月15日 10:06:35 作者：曦羽
这篇文章主要介绍了JavaScript阻止表单提交方法,通过代码示例讲解了阻止表单提交需要注意的事项，以及onSubmit和check（）的区别写法,需要的朋友可以参考下
<body> <form action="clock.html" method="post" onsubmit="return checkLength()"> <p>name:<input type="text" name="user" id="user"></p> <input type="submit" id="submit" name="submit"> </form> </body> </html>
html页面。
第一种方法：利用event的阻止默认事件机制，页面载入之后获得submit元素，然后为submit注册click响应函数，参数为event事件。
在用户点击submit触发响应函数后，直接event.preventDefault();阻止表单转跳的默认事件。
第二种方法：在表单form标签下属性onsubmit="return checkLength()" 或 id="submit"的input标签下添加属性 checkLength()"
function 函数中 阻止 form提交 return false;
阻止 函数中代码向下执行 return;
以下还有
1.form的两个事件
submit，提交表单，如果直接调用该函数，则直接提交表单
onSubmit，提交按钮点击时先触发，然后触发submit事件。如果不加控制的话，默认返回true，因此表单总能提交。
2. JS的校验
通过在JS中用document.myform.name.value,来得到用户的每一个输入 ，进行校验，当完全通过时，返回TRUE，反之返回false。
3. 页面代码实现
/* <form name="testform" action="hello.html" method="post" onSubmit="return check();"> <input type="text" name="name"> <input type="submit" value="提交"> </form> */
4. JS的实现
function check(){
if (document.testform.name.value=="admin") {
alert("姓名不正确");
return false;
}
else{
return true;
}
}
注意
onSubmit的写法，千万不要写成：“check（）”，这样当检验不能通过的时候不会提交表单。
好了以上就是小编为大家整理的js阻止表单提交的全部内容啦，希望对大家的学习能够有所帮助~
相关文章
JavaScript通过HTML的class来获取HTML元素的方法总结
除了getElementsByClassName()函数,我们可以自己动手编写程式来通过class获取元素,接下来我们整理了一下JavaScript通过HTML的class来获取HTML元素的方法总结,需要的朋友可以参考下2016-05-05
这篇文章主要为大家详细介绍了JS实现简单可拖动的模态框，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2022-07-07
这篇文章主要介绍了微信小程序-API接口安全详解,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下2019-07-07
Highcharts 非常实用的Javascript统计图demo示例
官网实例中给出了各式各样的demo，可以参照document修改自己需要的即可，本文实现的是一个学生成绩走势demo，有需求的朋友可以参考下哈，希望对大家有所帮助2013-07-07
很多时候我们都把时间戳作为id值,下面这篇文章主要给大家介绍了关于JavaScript获取当前时间戳的5种方法,文中通过代码介绍的非常详细,需要的朋友可以参考下2023-10-10
如何才能学好JS？在这里给大家总结一些学习Js的经验，希望能对你们有所帮助。2021-05-05
本文通过实例代码给大家讲解了js和jquery中的文档加载问题，感兴趣的的朋友一起看看吧2017-08-08
下面小编就为大家带来一篇js操作数据库实现注册和登陆的简单实例。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧2016-05-05
这篇文章介绍了js 三级关联菜单效果，有需要的朋友可以参考一下2013-08-08
javascript substr和substring用法比较
在js中substring和substr都是用来截取字符串的，那么substring和substr之间的具体区别在哪里，有没有区别呢，下面我来给各位详细引用一些实例来介绍这些问题2009-06-06
最新评论