javascript 客户端信息检测简洁版(THML中制作)
建一个名为asd.html的登录成功后的界面可检验登录成功
次网页为简单网页,语句供参考。
<title>无标题文档</title>
<script>
function check()
{
var name=document.getElementById("uname").value;
var PID=document.getElementById("PID").value;
var QPID=document.getElementById("QPID").value;
var YX=document.getElementById("YX").value;
var pattern = /^\w+([-+.]\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*$/; //定义邮箱的填写顺序
if (name==null || name==''){
alert('请输入用户名!');
return false;
}
if(PID==null || PID=='') {
alert('密码不能为空!');
return false;
}
if(QPID==null || QPID=='') {
alert('密码不能为空!');
return false;
}
if(QPID!=PID ){
alert('两次密码不一致!');
return false;
}
if(PID.length<6||PID.length>20){
alert("密码必须为6-20个字符");
return false;
}
if(QPID.length<6||QPID.length>20){
alert("密码必须为6-20个字符");
return false;
}
if(YX==""|| !pattern.test(YX)){ //这是第一种方式,如果邮箱顺序不对即出警告请填写正确的邮箱格式
alert("请填写正确的邮箱格式");
return false;
}
/*if(YX.indexOf("@",0)==-1) //第二种方式,如果邮箱没有@符号或者没有.符号便出提示电子邮箱格式不对
{
alert("电子邮箱格式不正确\n必须包含@符号!");
return false;
}
if(YX.indexOf(".",0)==-1){
alert("电子邮箱格式不正确\n必须包含.符号!");
return false;
}*/
else
return true;
}
</script>
</head>
<body>
<form id="frm1" method="post" action="asd.html" onsubmit="return check()">
<p>用户名*
<input type="text" name="uname" id="uname" /></p>
<p>密 码*
<input type="password" name="PID" id="PID" /></p>
<p>确认密码*
<input type="password" name="QPID" id="QPID" /></p>
<p>邮 箱
<input type="text" name="YX" id="YX" /></p>
<p><input type="submit" name="addbutton" id="addbutton" value="提交" /></p>
</form>
</body>
</html>
运行结果及图片
当用户名未填写,提示“请输入用户名!”
当密码或确认密码未填写,提示“密码不能为空!”
当密码和确认密码的内容不一致时,提示“两次密码不一致!”
当密码和确认密码的内容少于6个字符时,提示“密码必须为6-20个字符!”
前三项为必填项
邮箱
第一种方式,当邮箱填写顺序不正确时,提示“请填写正确的邮箱格式!”
第二种方式,当邮箱填写内容没有@符号或者没有.符号,提示“电子邮箱格式不对!”(邮箱顺序不 对依旧可以登录)