本文共 3488 字，大约阅读时间需要 11 分钟。

一、说明

JQuery.validationEngine表单验证控件功能强大，自带了样式显示模式：

1.字符类型：非空验证、最大长度、最小长度、相等判断、数字和空格、数字和英文字母

2.数字类型：数字、整数、最大值、最小值

3.日期类型：日期（yyyy-MM-dd/ yyyy/MM/dd等）、日期+时间、最小日期、最大日期、日期时间段

4.业务字段：url、email、phone、ipv4；ciaoca版扩展支持：qq、邮政编码、身份证、汉字。

5.Ajax后台验证：支持全局扩展定义，后台可定义消息内容，但是没有回调处理的扩展。

6.其他自定义扩展。

二、相关文档

1.Git源代码地址：

2.中文文档API参考：

3.

4.Asp.net Demo实例源代码地址：

三、其他表单标签验证

1.引用：

   
    
    
        
     
      常用业务字段验证
     
    
    
    
    
        
     
            
      
                
       分类：                
       
                    
         ==请选择== 一星级 二星级 三星级                 
       
            
      
            
      
                
       多选框：                
       
                    
         一星级                     
         二星级                     
         三星级                 
       
            
      
            
      
                
       单选框：                
       
                    
         男                     
         女                     
         其他                 
       
            
      
            
      
                
       简介：                
                   
      
            
      
                
                           上传图片：                                
       
                    
                        
       
                           
      
            
      
                
       
       
                
                   
      
        
     
    
    
   

$(function () {    /*    * 特别说明：    * 1.对于select标签，必须都指定value属性，没有可以指定空字符串    * 2.对于checkbox和radio验证失败消息，显示在第一个按钮附近    */    //自定义错误显示位置    $('.demoform').validationEngine({        promptPosition: 'bottomRight',        addPromptClass: 'formError-white'    });});

三、Ajax后台验证实例：

1.后台定义：

public JsonResult Exists(string fieldId, string fieldValue){    if (fieldValue.Length > 3)        return Json(new object[] { fieldId, true});    return Json(new object[] { fieldId,false });}public JsonResult GetInfoByCode(string fieldId, string fieldValue){    if (fieldValue.Length > 3)        return Json(new object[] { fieldId, true, "张三丰" });    return Json(new object[] { fieldId, false, "验证失败" });}public JsonResult GetByName(string fieldId, string fieldValue){    if (fieldValue.Length > 3)        return Json(new object[] { fieldId, true, "后台验证成功", new {            name="张三丰",            age=20        } });    return Json(new object[] { fieldId, false, "验证失败,来自后台的消息" });}

3.HTML定义：

   
    
    
        
     
      Ajax后台验证
     
    
    
    
    
        
     
            
      
                
       昵称：                
                   
      
            
      
                
       编号：                
                   
      
            
      
                
       编号：                
                   
      
            
      
                
                   
      
        
     
    
    
   

/** 特别说明：* 1.ajax验证规则或其他扩展验证规则，可以扩充在jquery.validationEngine-zh_CN.js中* 2.ajax后台的返回json对象格式：* 返回数据内容：[String,Boolean]*    第一个值类型为 String，是接收到 fieldId 的值；*   第二个值类型为 Boolean，验证通过返回 true，不通过返回 false* 3.如果有第三个值可以作为‘消息内容显示’,* 4.对于单个Ajax验证提交，没有提供回调处理等事件*///自定义错误显示位置$('.demoform').validationEngine({    promptPosition: 'bottomRight',    //此属性，指定ajax提交表以及字段ajax验证的方式    ajaxFormValidationMethod: 'post',    //指定使用Ajax模式提交表单处理    ajaxFormValidation: true,    onAjaxFormComplete: function (status, form, json, options) {        console.info(status);        console.info(form);    },    onBeforeAjaxFormValidation: function (form, options) {        console.info(form);    }});