本文详细介绍了HTML表单中几种常见的验证方法，包括非空验证、相等验证、范围验证及特殊格式验证。每种验证都通过JavaScript函数实现，并在用户提交表单时触发，确保数据的有效性和准确性。
<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>
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
