首页 > 代码库 > 文本输入的几种特殊验证方式
文本输入的几种特殊验证方式
<head>
<style type="text/css">
*{ margin:0px auto; padding:0px; font-family:微软雅黑; font-size:14px}
</style>
</head>
<body>
<form action="9.11.html" method="post">
<input type="text" name="a1" id="a1" onblur="Check()" />
<input type="text" name="b1" id="b1" />
<input type="text" name="b2" id="b2" />
<input type="text" name="c1" id="c1" />
<input type="text" name="d1" id="d1" />
<input type="submit" name="z1" value="http://www.mamicode.com/z1" onclick="return Check()" id="z1" /></form>
</body>
<script type="text/javascript">
//非空验证
function Check()
{
var v = document.getElementById("a1").value
if(v.trim.length==0)
{
alert("格式不正确请重新输入");
return false;
}
else
{
return true;
}
}
//相等验证
function Check()
{
var v1 = document.getElementById("b1").value
var v2 = document.getElementById("b2").value
if(v1==v2)
{
return true;
}
else
{
alert("第二次输入有误，请检查");
return false;
}
}
//范围验证
function Check()
{
var i = parseInt(document.getElementById("c1").value);
if(i>=18&&i<=50)
{
return true
}
else
{
alert("还是不行");
return false
}
}
//特殊格式验证
function Check()
{
var v = document.getElementById("d1").value
//字符串有个方法match（）需要一个正则表达式作为参数，如果匹配成功，返回匹配到的内容，如果匹配失败，返回null
if(v.match(/[1-9]\d{5}(?!\d)/)==null)
{
alert("格式不正确");
return false;
}
else
{
return true;
}
}
</script>
</html>
文本输入的几种特殊验证方式