表单验证

JS源码如下:

var validrule                  = new Object();
validrule.LetterStr            = /^([a-zA-Z]+)?$/;    
validrule.NumAndStr            = /^([0-9a-zA-Z]+)?$/;
validrule.NumStr               = /^(\d*)?$/; 
validrule.string               = /^([^'<>]+)?$/;
validrule.int                  = /^(\d{1,9})?$/;
validrule.minusint             = /^(\-([1-9])(\d*))?$/;
validrule.float                = /^((\.([0-9]\d*))|(([0-9]\d*)\.\d+$)|([0-9]\d*))?$/;                   
validrule.date                 = /^((([1-9]\d{3})|([1-9]\d{1}))-(0[1-9]|1[0-2])-(0[1-9]|[1-2]\d|3[0-1]))?$/; 
validrule.time                 = /^((0[1-9]|1[0-9]|2[0-4]):([0-5][0-9]):([0-5][0-9]))?$/;
validrule.datetime             = /^((([1-9]\d{3})|([1-9]\d{1}))-(0[1-9]|1[0-2])-(0[1-9]|[1-2]\d|3[0-1]) (0[1-9]|1[0-9]|2[0-4]):([0-5][0-9]):([0-5][0-9]))?$/;  
validrule.year                 = /^(\d{4})?$/;
validrule.month                = /^([1-9]|0[1-9]|1[0-2])?$/;
validrule.day                  = /^([1-9]|0[1-9]|1[0-9]|2[0-9]|3[0-1])?$/;
validrule.postcode             = /^(\d{6})?$/;          
validrule.email                = /^(.+\@.+\..+)?$/;  
validrule.phone                = /^(\(\d{3}\))?(\(?(\d{3}|\d{4}|\d{5})\)?(-?)(\d+))?((-?)(\d+))?$/;
validrule.mobiletel            = /^(013(\d{9})|13(\d{9}))?$/;
validrule.ip                   = /^(([0-9]|[1-9][0-9]|1[0-9][0-9]|2[0-5][0-5])\.([0-9]|[1-9][0-9]|1[0-9][0-9]|2[0-5][0-5])\.([0-9]|[1-9][0-9]|1[0-9][0-9]|2[0-5][0-5])\.([0-9]|[1-9][0-9]|1[0-9][0-9]|2[0-5][0-5]))?$/; 
validrule.idcard               = /^(\d{15}|\d{18}|\d{17}X|\d{17}x)?$/;
validrule.tabledefine          = /^(([A-Za-z])([A-Za-z0-9|_]){1,18})?$/;
validrule.integer              = /^(\d{1,9})?$/;
validrule.number               = /^(\d*)?$/;
validrule.url                  = /^(http:\/\/)/;
validrule.chinese              = /^[\u4E00-\u9FA5]*$/;
validrule.notsstring           = /^([^'<>\s]+)?$/;
validrule.persent              = /^(?:100|[1-9]\d?)?$/;
validrule.fpersent             =/^(?:100|[1-9]\d?)(?:\.00)?$/;
validrule.tint              = /^(?:|[1-9]\d?)(?:|[1-9]\d?)(?:|[1-9]\d?)?$/;

 

function doValidate( vform )
{
 var elems = vform.elements;
 var frmLen = elems.length;
 var thePat = "";
 var strFormatInfo = "";
 //对于每一个FROM元素
 for(var i=0;i<frmLen;i++)
 {
  var _elem = elems[i];
  //为空检查               
  if((_elem.notNull != null && _elem.notNull == "true") || (_elem.notnull != null && _elem.notnull == "true"))
  {
   if(_elem.value.length == 0)
   {
    alert(_elem.vdisp+"不能为空!")
    _elem.focus();
    return false;
   }
  }  
                //类型检查                 
  if(_elem.vtype == null)
  {
   continue;
  }
        if(_elem.vtype=="none")
        {        
           thePat = "";
           strFormatInfo = "";
        }
        if(_elem.vtype=="LetterStr")
        {      
           thePat = validrule.LetterStr;
           strFormatInfo = "纯字母字符串";
        }
        if(_elem.vtype=="NumAndStr")
        {      
           thePat = validrule.NumAndStr;
           strFormatInfo = "数字和字母字符串";
        }
        if(_elem.vtype=="NumStr")
        {      
           thePat = validrule.NumStr;
           strFormatInfo = "纯数字组成的字符串";
        }
        if(_elem.vtype=="string")
        {      
           thePat = validrule.string;
           strFormatInfo = "不含特殊符号的字符串";
        }
        if(_elem.vtype=="int")        
        {      
           thePat = validrule.int;
           strFormatInfo = "整数";
        }
        if(_elem.vtype=="minusint")        
        {      
           thePat = validrule.minusint;
           strFormatInfo = "负整数，比如-123";
        }
        if(_elem.vtype=="float")        
        {      
           thePat = validrule.float;
           strFormatInfo = "实数，比如356.32";
        }
        if(_elem.vtype=="date")        
                {      
           thePat = validrule.date;
           strFormatInfo = "日期型，比如 2004-08-12";
        }
        if(_elem.vtype=="time")        
        {      
           thePat = validrule.time;
           strFormatInfo = "时间型，比如08:37:29";
        }        
        if(_elem.vtype=="datetime")        
        {      
           thePat = validrule.datetime;
           strFormatInfo = "日期时间型，比如2004-08-12 08:37:29";
        }
                if(_elem.vtype=="year")        
        {      
           thePat = validrule.year;
           strFormatInfo = "年代格式，比如 2005";
        }
        if(_elem.vtype=="month")        
        {      
           thePat = validrule.month;
           strFormatInfo = "月份格式，比如 08";
        }
                if(_elem.vtype=="day")        
        {      
           thePat = validrule.day;
           strFormatInfo = "日子格式，比如 14";
        }
        if(_elem.vtype=="postcode")        
        {      
           thePat = validrule.postcode;
           strFormatInfo = "邮编，比如 100001";
        }        
        if(_elem.vtype=="email")        
        {      
           thePat = validrule.email;
           strFormatInfo = "电子邮件格式，比如 msm@hotmail.com ";
        }
        if(_elem.vtype=="phone")        
        {      
           thePat = validrule.phone;
           strFormatInfo = "电话号码格式，比如010-67891234";
        }
        if(_elem.vtype=="mobiletel")        
        {      
           thePat = validrule.mobiletel;
           strFormatInfo = "手机号码格式，比如13867891234";
        }        
        if(_elem.vtype=="ip")      
        {      
           thePat = validrule.ip;
           strFormatInfo = "机器ip地址格式，比如 172.22.169.11";
        }
        if(_elem.vtype=="url")      
        {      
           thePat = validrule.url;
           strFormatInfo = "url地址格式，比如 http://www.baidu.cn ";
        }
        if(_elem.vtype=="idcard")      
        {      
           thePat = validrule.idcard;
           strFormatInfo = "身份证号码，比如15位或者18位数字";
        }
        if(_elem.vtype=="tabledefine")  
        {      
           thePat = validrule.tabledefine;
           strFormatInfo = "p_tablename";
        }
        if(_elem.vtype=="integer")        
        {      
           thePat = validrule.integer;
           strFormatInfo = "整数";
        }
        if(_elem.vtype=="number")        
        {      
           thePat = validrule.number;
           strFormatInfo = "数字字符";
        }
        if(_elem.vtype=="chinese")
        {
           thePat = validrule.chinese;
           strFormatInfo = "汉字";
        }
        if(_elem.vtype == "notsstring")
        {
           thePat = validrule.notsstring;
           strFormatInfo = "不包含空格和特殊字符的字符串";
        }
        
        if(_elem.vtype == "persent"){
          thePat = validrule.persent;
          strFormatInfo = "百分比格式,比如:98";
        }
        
        if(_elem.vtype == "fpersent"){
         thePat = validrule.fpersent;
         strFormatInfo = "百分比格式,比如:98.00";
        }
        
        if(_elem.vtype == "tint"){
         thePat = validrule.tint;
         strFormatInfo = "三位有效数字,比如:999";
        }
                
        var gotIt = null;
        if(thePat!="")
        {
              gotIt = thePat.exec(_elem.value);
        }        
        if(gotIt == null)
        {
         alert(_elem.vdisp+"输入不合法,格式应为："+strFormatInfo);
         _elem.focus();
         return false;
        }
 } 
 return true;
}
 
function submitForm(vform){
 if (doValidate(vform)){
  if (confirm('您确定提交吗？')){
      vform.submit();
  }
 }
}  

使用方法:

 

在form提交时判断便可，如：

if(doValidate(taskForm)){

    document.taskForm.action="user-task!taskReportSave.action";

    document.taskForm.submit();

}

 

输入框需要输入必要的属性，以供校验控件根据不同类型的数据进行校验，如:

<input type="text" name="entity.taskProcess" id="taskProcess" value="${entity.taskProcess}" notnull="true" vdisp="任务进度" vtype="persent" maxlength="5"/>

vtype属性为数据的属性，可以在js/validateform.js文件中定义属性

vdisp属性为数据属性的文字描述，数据提交校验失败的话，可以提示正确的信息。