2017.9.23 HTML学习总结----JavaScript实现输入验证

定义：对于一个HTML页面中的表单，可以获取其中的各项表单域信息，

　　　利用这些信息，可以判定个表单域所提供的输入值是否合法，是否

　　　符合所要求的格式，这就是表单的输入验证。

 

　　（1）需要验证的表单输入域的要求：

　　　　·用户名：用户名是否为空，是否符合规定的格式（用户名有字母开头，后跟字幕、数字或下划线！）。

　　　　·密码：密码长度是否超过6，两次密码输入是否一致。

　　　　·邮箱地址：邮箱地址必须符合邮箱的格式。

　　（2）提交表单并实现输入验证的方式：

　　　　一般用buttom类型，“提交”时先执行“响应函数”

　　　　提交格式：

　　<input type="buttom" value="提交" onClick=“响应函数”>

　　另外，再验证函数中，当都满足格式后，在用以下格式，实现提交；、

　　　　　　document.forms[0].submit();

 

function validata(){
    var name=document.forms[0].userNmae.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 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（“！reg2.test(email))alert("邮件格式不正确”）；
    else if（“accept==false”）alert（“您需要仔细阅读并同意接受有用户使用协议”）；
else document.forms[0].submit();
}

然后再页面的<head> </head>之间，添加一行：

<script language=“javascript” src=“ch02_10_JavaScript.js”></script>;

最后，修改注册页面以及最后的“提交输入域”：

<input type="Buttom" value="提交" onClick="validata()"/>;

posted @ 2017-09-23 20:32  LegendQi  阅读(305)  评论(0)  编辑  收藏  举报