JS表单验证

表单验证简介：

平时我们在注册账号的时候经常看到有提示xxx不得法，请重新填写字样，这就是用到了表单验证的知识。

表单验证要点：

1. 长度限制
2. 输入的格式是否正确
3. 两次输入密码是否相同
4. 表单项不能为空
5. 邮箱验证
6. 验证手机号

这六点是表单验证的常见事项，通过对这六点的验证，有利于用户的输入更加规范。

JS有关代码：

1. 长度限制

<p>1. 长度限制</p>
<form name=a οnsubmit="return test()">
<textarea name="b" cols="40" rows="6" placeholder="不能超过50个字符！"></textarea>
<br />
<input type="submit" name="Submit" value="check">
</form>

<script language="javascript">
function test()
{
if(document.a.b.value.length>50)
{
alert("不能超过50个字符！");
document.a.b.focus();
return false;
}
}
</script>

2. 输入的格式是否正确

 <script type="text/javascript">
//验证只能是字母和数字
function checkZmOrNum(zmnum){
var zmnumReg=/^[0-9a-zA-Z]*$/;
if(zmnum!=""&&!zmnumReg.test(zmnum)){
alert("只能输入是字母或者数字,请重新输入");
return false;
}
}
</script>

3. 两次输入密码是否相同

<script type="text/javascript">
function check(){
with(document.all){
if(input1.value!=input2.value)
{
alert("密码不一致")
input1.value = "";
input2.value = "";
}
else {
alert("密码一致");
document.forms[0].submit();
}
}
}
</script>

4. 表单项不能为空

<script language="javascript">
function CheckForm(obj)
{
if (obj.length == 0) {
alert("姓名不能为空!");
return false;
}
return true;
alert("姓名不能为空!");
}
</script>

5. 邮箱验证

<script language="javascript">
function test(obj){
//对电子邮件的验证
var myreg = /^([a-zA-Z0-9]+[_|\_|\.]?)*[a-zA-Z0-9]+@([a-zA-Z0-9]+[_|\_|\.]?)*[a-zA-Z0-9]+\.[a-zA-Z]{2,3}$/;
if(!myreg.test(obj))
{
alert('请输入有效的邮箱！');
return false;
}
}
</script>

6. 验证手机号

<script type="text/javascript">
function validatemobile(mobile)
{
if(mobile.length==0)
{
alert('手机号码不能为空！');
return false;
}
if(mobile.length!=11)
{
alert('请输入有效的手机号码，需是11位！');
return false;
}

var myreg = /^(((13[0-9]{1})|(15[0-9]{1})|(18[0-9]{1}))+\d{8})$/;
if(!myreg.test(mobile))
{
alert('请输入有效的手机号码！');
return false;
}
}
</script>