<head>
<title></title>
</head>
<body>
<div>HTML各种输入验证</div>
用户:<input id="uname" type="text" /><br />
密码:<input id="pwd" type="password" /><br>
确认密码:<input id="pwd1" type="password" /><br>
EMAIL:<input id="email" name="email" type="email" /><br>
<input id="load" value="登陆" type="button" onclick="check()" />
<script language="javascript">
window.onload = function ()
{
document.getElementById('uname').focus()
}
function check()
{
var uname=document.getElementById("uname").value
var pwd=document.getElementById("pwd").value
var pwd1=document.getElementById("pwd1").value
var email=document.getElementById("email").value
if(uname+pwd=="")
{
}
else if(uname=="")
{
alert("用户名不能为空")
}
else if(pwd=="")
{
alert("密码不能为空")
}
else if(pwd1 != pwd)
{
alert("两次密码不一样")
}
//
if(email=="")
{
alert("电子邮件不能为空")
return false
}
else
{
reg=/^([a-zA-Z0-9]+[_|\-|\.]?)*[a-zA-Z0-9]+@([a-zA-Z0-9]+[_|\-|\.]?)*[a-zA-Z0-9]+\.[a-zA-Z]{2,3}$/gi
if(!reg.test(email))
{
alert("非法的电子邮件")
return false
}
}
}
</script>
</body>
</html>
请注意getElementByld与getElementById的区别, 在百度知道页面上看好像没有区别, 建议把编辑器的字体改成Courier字体,这样小写的L与大写的i的区别就明显了
你定义的check()函数没有返回值, 应当返回布尔值. 当检测不通过时返回false可阻止表单提交.
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）