所谓验证输入,就是编写有关的javascript函数,去验证表单中各输入域是否符合规定,不符合规定,就给出提示。
[sourcecode language=”js” title=”js/zhuce.js”]
/**
* 用于注册页面的验证
*/
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();
}
[/sourcecode]
效果图:
源代码下载:[bdbtn]https://pan.benzhu.xyz/%E4%BB%A3%E7%A0%81/%E6%BA%90%E4%BB%A3%E7%A0%81/javascript/zhuce.js[/bdbtn]