Html form 表单提交前验证
2016-08-16 10:42
459 查看
可以使用form表单的onsubmit方法,在提交表单之前,对表单或者网页中的数据进行检验。
onsubmit指定的方法返回true,则提交数据;返回false不提交数据。
直接看下面的代码:
上面的网页中,只有在id="ff"的输入框中输入“可以提交”,才进行表单提交;否则不提交。
onsubmit指定的方法返回true,则提交数据;返回false不提交数据。
直接看下面的代码:
1 <HTML> 2 <head> 3 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 4 </head> 5 <BODY> 6 <form action="http://www.baidu.com" onsubmit="return toVaild()"> 7 <input type="text" id="ff"> 8 <input type="submit" id="submit" value ="提交"/> 9 </form> 10 </BODY> 11 <script language="javascript"> 12 function toVaild(){ 13 var val = document.getElementById("ff").value; 14 alert(val); 15 if(val == "可以提交"){ 16 alert("校验成功,之后进行提交"); 17 return true; 18 } 19 else{ 20 alert("校验失败,不进行提交"); 21 return false; 22 } 23 } 24 </script> 25 </HTML>
上面的网页中,只有在id="ff"的输入框中输入“可以提交”,才进行表单提交;否则不提交。
相关文章推荐
- Html form 表单提交前验证
- 如何在 HTML form 表单提交时验证信息!?
- Html form 表单提交前验证
- Html form 表单提交前验证
- Html form 表单提交前验证
- Html form 表单提交前验证
- Html form 表单提交前验证
- php表单提交数据的验证处理(防SQL注入和XSS攻击等)
- Struts 中表单提交用户名密码验证方式
- JavaScript基础 submit按钮结合onclick事件 实现表单的提交与验证
- ASP MVC异步提交form表单,Jquery-easyui对话框,表单验证(jquery.validate)
- bootstrap Validator 模态框、jsp、表单验证 Ajax提交
- 异步提交加表单验证
- 表单无刷新验证加提交
- Form表单利用jQuery Validate验证ajaxSubmit提交
- 【JavaScript】表单即时验证,不成功不让提交
- 在表单提交前进行验证的几种方式整理
- 基于spring自动注入及AOP的表单二次提交验证
- jquery.validate.js 验证表单时,在IE当中未验证就直接提交的原因
- 表单提交前的confirm验证提示