JavaScript(二)--基本验证

<input name="btnAdd" class="button1" type="button" id="btnAdd"  value="添加" onClick="addUser()">

 

 

 

 

<script src="../script/client_validate.js"></script>

 

 

client_validate.js

 

//是否为空校验
function isEmpty(s) {
    var lll=trim(s);
    if( lll == null || lll.length == 0 )
        return true;
    else
        return false;
}

//删除字符串左边的空格
function ltrim(str) {
    if(str.length==0)
        return(str);
    else {
        var idx=0;
        while(str.charAt(idx).search(//s/)==0)
            idx++;
        return(str.substr(idx));
    }
}

//删除字符串右边的空格
function rtrim(str) {
    if(str.length==0)
        return(str);
    else {
        var idx=str.length-1;
        while(str.charAt(idx).search(//s/)==0)
            idx--;
        return(str.substring(0,idx+1));
    }
}

//删除字符串左右两边的空格
function trim(str) {
    return(rtrim(ltrim(str)));
}

/*日期相比较*/
function compareDate(date1, date2) {
    if (trim(date1) == trim(date2))     
        return 0;
    if (trim(date1) > trim(date2))     
        return 1;
    if (trim(date1) < trim(date2))     
        return -1;
}

//校验是否是Email
function isEmail(eml) {
    if(trim(eml)!='') {
      var re=new RegExp("@[//w]+(//.[//w]+)+$");
      return(re.test(eml));
    }
    else
      return(true);
}

//是否是电话号
function isTel(tel) {
    var charcode;
    for (var i=0; i<tel.length; i++)   
    {
        charcode = tel.charCodeAt(i);
        if (charcode < 48 && charcode != 45 || charcode > 57)   
            return false;
    }
    return true;
}

//校验是否是实数
function isnumber(num) {
    var re=new RegExp("^-?[//d]*//.?[//d]*$");
    if(re.test(num))
        return(!isNaN(parseFloat(num)));
    else
        return(false);
}

//校验是否是整数
function isinteger(num)    {
    var re=new RegExp("^-?[//d]*$");
    if(re.test(num))
        return(!isNaN(parseInt(num)));
    else
        return(false);
}

 

 

 

<script type="text/javascript">

 

    function addUser() {
        var vUseIdElt = document.getElementById("userId");
        //用户代码不能为空
        if(isEmpty(vUseIdElt.value) == true){
          alert("用户代码不能为空!");
          vUseIdElt.focus();
          return;
        }
        //用户代码至少4个字符
        if(trim(vUseIdElt.value).length < 4){
          alert("用户代码不能小于4个字符!");
          vUseIdElt.focus();
          return;
        }
        //用户代码第一个字符是字母
        if(!(trim(vUseIdElt.value).charAt(0) >= "a" && trim(vUseIdElt.value).charAt(0) <= "z")){
          alert("用户代码第一个字符必须是字母!");
          vUseIdElt.focus();
          return;
        }

        //采用正则表达式判断用户代码只能是数字或字母，位数为4-6位
        var re = new RegExp(/^[a-zA-Z0-9]{4,6}$/);
        if (!re.test(trim(vUseIdElt.value))){
          alert("用户代码只能是数字或字母，位数为4-6位");
          vUseIdElt.focus();
          return;
        }
       
        //用户名称不能为空
        if(isEmpty(document.getElementById("userName").value) == true){
          alert("用户名称不能为空!");
          document.getElementById("userName").focus();
          return;
        }
       
        //密码至少6位
        if(document.getElementById("password").value.length < 6){
          alert("密码不能为少于6位!");
          document.getElementById("password").focus();
          return;
        }
       
        //如果联系电话不为空，则都为数字(正则)
        var vContactTelElt = document.getElementById("contactTel");
        if(isEmpty(vContactTelElt.value) == false){
          re.compile(//D/);// /D表示非数字 //把正则表达式编译为内部格式，从而执行得更快。----不明白，暂时理解为改变正则表达式就ok了
          if(re.test(trim(vContactTelElt.value))){
              alert("联系电话格式不正确!");
              vContactTelElt.focus();
              return;
          }
        }
       
        //如果邮箱不为空，则判断格式   
         if(isEmpty(document.getElementById("email").value) == false){
             if(trim(document.getElementById("email").value).search(/@/) < 0){
              alert("邮编格式不正确!");
            }
        }

        //设置form的基本设置
        document.getElementById("userForm").action = "user_add.jsp";
        document.getElementById("userForm").method = "post";
        document.getElementById("userForm").submit();
       
    }

 

 

 

    //初始化获取焦点
    function init(){
      document.getElementById("userId").focus();
    }
   
    //只允许输入字母
    function userIdOnKeyPress(){
      if(!(event.keyCode >= 97 && event.keyCode <=122)){
        event.keyCode = 0;
      }
    }
   
    //覆盖document.onkeydown()方法，用回车（13）代替tab（9）键
    function document.onkeydown(){
      if((event.keyCode == 13) && (event.srcElement.type != "button")){
        event.keyCode = 9;
      }
    }

 

 

</script>