利用onsubmit事件实现表单提交前的验证

JS代码：

function check(){var name = document.getElementById("name").value;if(name ==  null || name == ''){alert("用户名不能为空");return false;}return true;
}<form name="form" action="跳转的页面" method="post"  onsubmit="return check()"><input type="text" id="name"/><input type="sumit" value="提交"/>
</form>

注意：

οnsubmit="return check()"中的return是一定要加上的，否则check的返回值即使是false，仍然会提交。

换句话说，οnsubmit=“return false”为不执行提交；οnsubmit=“return true”或οnsubmit=“return ”都执行提交。

利用onsubmit事件实现表单提交前的验证相关推荐

form的onsubmit事件--表单提交前的验证最佳实现方式
今天遇到了一个问题,页面中include了很多的公共页面(都是没有form的),并且里面好多的地方都是自行提交的(页面中加入一个type="submit"域,然后js中写入sumb ...
html表单提交前检查,form的onsubmit事件--表单提交前的验证最佳实现方式
今天遇到了一个问题,页面中include了很多的公共页面(都是没有form的),并且里面好多的地方都是自行提交的(页面中加入一个type="submit"域,然后js中写入sumb ...
表单提交前ajax验证,在Ajax提交之前进行jQuery表单验证
9 个答案: 答案 0 :(得分:85) 您可以使用submitHandler选项.基本上将$.ajax调用放在此处理程序中,即使用验证设置逻辑将其反转. $('#form').validate({ ...
form的onsubmit事件--表单提交前的验证
在提交表单前如果需要对表单内容进行统一验证,就可以使用οnsubmit="return check()",只有当check()方法返回true,表单才会提交 <form ac ...
html form提交前验证,form表单提交前验证实现方法
form表单提交前验证实现方法2017-11-26 20:54 form表单提交是网站中最常见的,基本上所有的网站都会用到. 除非你就一些静态网页,仅仅是展示,而不需要互动,所以不需要提交表单. 但是 ...
Jquery中实现表单提交前的校验
场景为了安全,通常要进行前端校验和后端校验. 前端校验一般在表单提交前实现. 实现 form表单元素添加onsubmit事件 <form id="book" action= ...
前端：简述表单提交前如何进行数据验证
前端:简述表单提交前如何进行数据验证通常在提交表单数据时,我们会对数据进行验证,例如某些字段是必填字段,不能为空,这时应该如何做呢?有如下三种方法: 一.在button的submit事件进行判断 & ...
html表单提交前验证,jquery表单提交前实现同步验证（附代码）
jquery表单提交前实现同步验证 .int{ height: 30px; text-align: left; width: 600px; } label{ width: 200px; margin- ...
JS控制submit表单提交前进行预览和confirm确认提交
JS控制submit表单提交前进行预览和confirm确认提交. 我们经常会遇到这样的场景,某一个form表单提交前,想知道那些checkbox的内容被选中了,如果符合则提交,如果不符合,则取消提交, ...

利用onsubmit事件实现表单提交前的验证

利用onsubmit事件实现表单提交前的验证相关推荐

最新文章

热门文章