JQuery.validationEngine表单验证插件(推荐)

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

 
     
   
 
   
 
 
 

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

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, "验证失败,来自后台的消息" }); 
} 

 
 
 
  
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); 
 } 
});