文本输入的几种特殊验证方式

<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="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>

posted on 2016-09-26 14:21  ysdong  阅读(203)  评论(0编辑  收藏  举报

导航