一只倔强的笨猪

【javascript】基于注册页面的验证输入

所谓验证输入,就是编写有关的javascript函数,去验证表单中各输入域是否符合规定,不符合规定,就给出提示。

/**
 * 用于注册页面的验证
 */
function validate(){
 var name=document.forms[0].userName.value;
 var pwd=document.forms[0].userPwd.value;
 var pwd1=document.forms[0].userPwd1.value;
 var email=document.forms[0].userEmail.value;
 var accept=document.forms[0].accept.checked;
 var xinbie=document.getElementsByName("userXinbie");
 var qingkuang=document.forms[0].userQingkuang.value;
 var reg1=/[a-zA-Z]\w*$/;
 var reg2=/\w+([-+.']\w+)*@\w+([-.]\w+)*.\w+([-.]\w+)*$/;
 if(name.length<=0)alert("用户名不能为空");
 else if(!reg1.test(name))alert("用户名格式不正确!");
 else if(pwd.length<6)alert("密码长度必须大于等于6位!");
 else if(pwd!=pwd1)alert("两次密码不一致!");
 else if(xinbie.item(0).checked==false&&xinbie.item(1).checked==false)alert("请选择性别!");
 else if(!reg2.test(email))alert("邮件格式不正确!");
 else if(qingkuang=="")alert("请输入基本情况!");
 else if(accept==false)alert("你需要仔细阅读并同意接受用户使用协议!");
 else document.forms[0].submit();
}

效果图:
《【javascript】基于注册页面的验证输入》

源代码下载: 本地下载

点赞

发表评论

电子邮件地址不会被公开。 必填项已用*标注