2017.9.23 HTML学习总结----JavaScript实现输入验证 定义:对于一个HTML页面中的表单,可以获取其中的各项表单域信息,    利用这些信息,可以判定个表单域所提供的输入值是否合法,是否    符合所要求的格式,这就是表单的输入验证。   (1)需要验证的表单输入域的要求:     ·用户名:用户名是否为空,是否符合规定的格式(用户名有字母开头,后跟字幕、数字或下划线!)。 然后再页面的 之间,添加一行: ;

2017.9.23 HTML学习总结----JavaScript实现输入验证
定义:对于一个HTML页面中的表单,可以获取其中的各项表单域信息,
   利用这些信息,可以判定个表单域所提供的输入值是否合法,是否
   符合所要求的格式,这就是表单的输入验证。
  (1)需要验证的表单输入域的要求:
    ·用户名:用户名是否为空,是否符合规定的格式(用户名有字母开头,后跟字幕、数字或下划线!)。
然后再页面的<head> </head>之间,添加一行:
<script language=“javascript” src=“ch02_10_JavaScript.js”></script>;

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

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

  (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()"/>;