zoukankan      html  css  js  c++  java
  • 文本框验证

    var user = $("user");

    var userCheck = $("userCheck");

    var reg = /^[a-zA-Z][a-zA-Z0-9]{5,15}$/;

    function checkUser(){  

       if(user.value == null || user.value.length == 0){   

          userCheck.innerHTML = "用户名不能为空";  

       }     else if(user.value.length < 6){  

           userCheck.innerHTML = "用户名不能小于6位";

        }     else if(!reg.test(user.value)){  

           userCheck.innerHTML = "用户名必须以字母开头,字母数字结尾,最长不能超过16位";   

      }     else{    

         checkHaveUser(user.value);

    //        userCheck.innerHTML = "用户名正确";   

      }

    }

    var xmlHttp; function getXmlHttp(){

        if(window.ActiveXObject){    

         xmlHttp = new ActiveXObject("MICROSOFT.XMLHTTP");

        }else if(window.XMLHttpRequest){

            xmlHttp = new XMLHttpRequest();   

      }

    }

    function checkHaveUser(obj){

        getXmlHttp();  

       xmlHttp.open("GET","checkUser.php?userName="+obj,true);   

      xmlHttp.onreadystatechange = function(){

            if(xmlHttp.readyState == 4){   

              if(xmlHttp.status == 200){   

                  var str = parseInt(xmlHttp.responseText);    

                 if(str > 0){        

                 userCheck.innerHTML = "用户已经存在,请选择其他用户名";    

                 }else{           

              userCheck.innerHTML = "可以注册";           

          }       

          }       

      }    

    }    

    xmlHttp.send(null); }

    function $(id){    

    return document.getElementById(id);

    }

  • 相关阅读:
    react的CSS中 :global的含义
    TypeScript中的问号 ? 与感叹号 ! 的含义
    移动端1px问题的解决方案
    原生js实现call,apply以及bind
    哪些场景不能使用箭头函数
    线性渐变、径向渐变以及圆锥渐变
    vue 开发中实现provide和inject实现依赖注入
    inline-block元素去除间隙
    clientWidth、offsetWidth、scrollWidth的区别
    session、token和cookie
  • 原文地址:https://www.cnblogs.com/ITYQ/p/3735737.html
Copyright © 2011-2022 走看看