Javascript初级 JavaScript进阶

JavaScript表单验证


<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
</head>
<body>
<h1>表单验证的例子</h1>
<form action="doAction.php" method='post' onsubmit='return check()'>
用户名: <input type="text" name="username" id="username" /> 用户名只能保护数字字母下划线<br />
密码: <input type="password" name="password" id="password" /> 密码不能为空 <br />
邮箱: <input type="text" name="email" id="email" />请输入合法邮箱 <br />
<input type="submit" value="注册" />
</form>
<script type="text/javascript">
function check(){
var username=document.getElementById("username").value;
if(!/^[a-zA-Z0-9_]+$/.test(username)){
alert('用户名不合法');
return false;
}
var password=document.getElementById("password").value;
if(/^[\s\n\t\r]*$/.test(password)){
alert('密码不能为空');
return false;
}
var email=document.getElementById("email").value;
if(!/^([a-zA-Z0-9_\.\-])+\@(([a-zA-Z0-9\-])+\.)+([a-zA-Z0-9]{2,4})+$/.test(email)){
alert('非法邮箱');
return false;
}
return true;
}
//http://validform.rjboy.cn/ 表单验证插件
</script>
</body>
</html>


运行结果:


javascript1.png 

 

 

【本文由麦子学院独家原创,转载请注明出处并保留原文链接】

logo
© 2012-2016 www.maiziedu.com
蜀ICP备13014270号-4 Version 5.0.0 release20160127

您有一个双11钜惠红包未领取

客服热线 400-862-8862

回到顶部