最简单的JavaScript validation

fox.tan

浏览: 63265 次
性别:
来自: 深圳

最近访客更多访客>>

ymitxiavj

Peak_

hxs15050576

thinking

博主相关

博客

微博

相册

留言

关于我

文章分类

社区版块

存档分类

JavaScript XHTML HTML

JS validation、JS check、Form check

    //obj - input object
    //required 是否必填
    //type 校验类型,date-日期类型,num-浮点数字类型,lnum=整数
    //maxLen - 长度校验
     
      //校验整数
      function checkLNum(theNum){
              var patrn=/^[0-9]{1,20}$/;
              if (!patrn.exec(theNum)) return false
              return true  
      }
     
      //校验浮点数
      function checkNum(theNum){
              var patrn=/^[0-9.]{1,20}$/;
              if (!patrn.exec(theNum)) return false
              return true  
      }
     
      //校验最大长度
      function checkMaxLen(theStr,maxLen){
            if(theStr.length > maxLen)
                  return false;
            return true;
      }
     
      //校验日期格式，YYYY- MM-DD
      function checkDate(theDate){
        var reg = /^\d{4}-((0{0,1}[1-9]{1})|(1[0-2]{1}))-((0{0,1}[1-9]{1})|([1-2]{1}[0-9]{1})|(3[0-1]{1}))$/;
        var result=true;
        if(!reg.test(theDate))
            result = false;
        else{
            var arr_hd=theDate.split("-");
            var dateTmp;
            dateTmp= new Date(arr_hd[0],parseFloat(arr_hd[1])-1,parseFloat(arr_hd[2]));
            if(dateTmp.getFullYear()!=parseFloat(arr_hd[0])
                  || dateTmp.getMonth()!=parseFloat(arr_hd[1]) -1
                    || dateTmp.getDate()!=parseFloat(arr_hd[2])){
                    result = false
            }
        }
        return result;
      }

  function getSpanObject(spanId){
        return document.getElementById(spanId);
  }

HTML测试代码：

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf8" />
<title>JS Check</title>
<script Language=JavaScript src="check.js"></script>
<script Language=JavaScript>
            function formSubmit(){
                  var flag = check(testForm.startDate,true,'date',12);
                  flag = check(testForm.total,false,'num') && flag;
                  flag = check(testForm.name,true,'other',6) && flag;
                  if(flag){
                        return testForm.submit();
                  }
            }
</script>
</head>
<body>
      <form name="testForm">
            Date:<input type="text" name="startDate" onblur="check(this,true,'date',12)" /><span id="startDateErr" style="color:red"></span><br/>
            Num:<input type="text" name="total" onblur="check(this,false,'num')"/><span id="totalErr" style="color:red"></span><br/>
            String:<input type="text" name="name" onblur="check(this,true,'other',6)"/><span id="nameErr" style="color:red"></span><br/>
            <input type="button" value="Submit" onclick="formSubmit()"/>
      <form>
</body>

分享到：