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

  • 相关阅读:
    HashMap 常问的 9 个问题
    P1855 榨取kkksc03
    Codeforces Round #697 (Div. 3) A. Odd Divisor
    P1474 [USACO2.3]Money System / [USACO07OCT]Cow Cash G
    Codeforces Round #704 (Div. 2) D. Genius's Gambit
    P2800 又上锁妖塔
    P2066 机器分配
    P3399 丝绸之路
    P1351 [NOIP2014 提高组] 联合权值
    P4290 [HAOI2008]玩具取名
  • 原文地址:https://www.cnblogs.com/qichunlin/p/7582447.html
Copyright © 2020-2023  润新知