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

        有些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>