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

  • 相关阅读:
    通过SecureCRT向远程Linux主机上传和下载文件
    Oracle JDK究竟从哪个版本开始收费?
    设计模式之工厂方法(FactoryMethod)模式
    设计模式之构建者(Builder)模式
    Word文档中多个编号放同一行的方法(非技术)
    局域网内客户端无法使用机器名连接SQLServer服务器
    八、springboot 简单优雅的通过docker-compose 构建
    五、docker-compose开锋(docker 三剑客)
    四、docker 仓库(让我们的镜像有处可存)
    三、DockerFile 定制属于自己的专属镜像
  • 原文地址:https://www.cnblogs.com/qichunlin/p/7582447.html
Copyright © 2011-2022 走看看