zoukankan      html  css  js  c++  java
  • 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()"/>;

  • 相关阅读:
    不喜欢数据库编程
    配置 yum 源的两种方法
    编译内核后iptables无法启动问题
    国外免费空间
    iptables--静态防火墙实例教程
    25 Most Frequently Used Linux IPTables Rules Examples
    如何开启或关闭SELinux
    google提供免费企业邮局
    RAID 0, RAID 1, RAID 5, RAID 10 Explained with Diagrams
    CentOS软件管理之fastestmirror和RPMforge
  • 原文地址:https://www.cnblogs.com/qichunlin/p/7582447.html
Copyright © 2011-2022 走看看