Html form 表单提交前验证
2014-09-01 17:28
369 查看
可以使用form表单的onsubmit方法,在提交表单之前,对表单或者网页中的数据进行检验。
onsubmit指定的方法返回true,则提交数据;返回false不提交数据。
直接看下面的代码:
上面的网页中,只有在id="ff"的输入框中输入“可以提交”,才进行表单提交;否则不提交。
onsubmit指定的方法返回true,则提交数据;返回false不提交数据。
直接看下面的代码:
<HTML> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> </head> <BODY> <form action="http://www.baidu.com" onsubmit="return toVaild()"> <input type="text" id="ff"> <input type="submit" id="submit" value ="提交"/> </form> </BODY> <script language="javascript"> function toVaild(){ var val = document.getElementById("ff").value; alert(val); if(val == "可以提交"){ alert("校验成功,之后进行提交"); return true; } else{ alert("校验失败,不进行提交"); return false; } } </script> </HTML>
上面的网页中,只有在id="ff"的输入框中输入“可以提交”,才进行表单提交;否则不提交。
相关文章推荐
- Html form 表单提交前验证
- 如何在 HTML form 表单提交时验证信息!?
- Html form 表单提交前验证
- Html form 表单提交前验证
- Html form 表单提交前验证
- Html form 表单提交前验证
- Html form 表单提交前验证
- HTML form 避免(回车)表单自动提交
- easyui form表单提交自定义验证数据是否已存在
- JavaScript 表单验证阻止提交 原js
- 利用JS提交表单的几种方法和验证
- jQuery验证客户端控件, 在提交表单时用MD5.js将密码变成密文
- html form表单提交action和url跳转到actiond的区别介绍
- PHP检查表单提交是否来自于本站(验证HTTP_REFERER等)
- 原生JS 表单提交验证器
- JavaScript使用技巧——表单提交验证类
- javascript提交表单(JS验证)
- Session实现表单重复提交验证
- form表单提交,前端验证
- 用html5自带表单验证 并且用ajax提交的解决方法(附代码)