一些常见的JS表单验证代码

来源：互联网发布：淘宝不可以微信付款吗编辑：程序博客网时间：2024/05/16 06:18

有些form表单的控件要验证输入信息，但如果把这些控件信息都传到后台再检测，总觉得小题大作，而且会导致后台的代码量比较重（虽然String类非常好用），所以建议一些简单的表单验证就直接在前端通过JS代码实现就行了。

下面的代码是网上找的，借来用一下，嘿嘿~

1、输入框不能为空：

<form name="form1"method="POST"action=""onsubmit="return check()">     <p align="center">请输入姓名:<input type="text"name="name" size="20"></p>     <p><input type="submit"＆#118alue="提交"name="B1"></p> </form> <script LANGUAGE="＆#106avascript"> <!-- function check() { if(document.form1.name.＆#118alue.length==0){       alert("输入框不能为空!");       document.form1.name.focus();       return false;      }    } //--> </script>

2、两次输入密码是否相同：

<FORM METHOD=POST ACTION=""> <input type="password" id="input1"> <input type="password" id="input2"> <input type="button" value="test" onclick="check()"> </FORM> <script> function check() { with(document.all){ if(input1.value!=input2.value) { alert("false") input1.value = ""; input2.value = ""; } else document.forms[0].submit(); } } </script> <script   language="javascript"> <!-- function   CheckForm() { if   (document.form.name.value.length   ==   0)   {    alert("请输入您姓名!"); document.form.name.focus(); return   false; } return   true; } --> </script>

3、比较两个表单项的值是否相同

<script   language="javascript"> <!-- function   CheckForm() if   (document.form.PWD.value   !=   document.form.PWD_Again.value)   { alert("您两次输入的密码不一样！请重新输入."); document.ADDUser.PWD.focus(); return   false; } return   true; } --> </script>