Jquery form validate印证框架（修改与扩展）二

2012-10-29

Jquery form validate验证框架（修改与扩展）二最近在项目中要用到验证，所以重新看了下jquery的一个验证框架

Jquery form validate验证框架（修改与扩展）二
最近在项目中要用到验证，所以重新看了下jquery的一个验证框架。
作者已经更新到1.7 官方网站：A jQuery inline form validation, because validation is a mess
此版本是在bluespring+官方1.7的基础上修改的。感谢bluespring。
bluespring：原帖：配置超简单的Jquery form validate验证框架（修改与扩展）

0.2版本小小的bug修改。

修改地方：





    二、 当然在ie6下面会出现select遮挡div的情况，只要在div里面加个iframe就可以了：
没修改前：


修改后：



   三、增加验证规则存放的属性名称 
       可以不用定义规则在class里面，自己写个属性也可以：$("#formID").validationEngine({validateAttribute: "validate"});
      在input里面：<input value="" validate="validate[required,custom[noSpecialCaracters],length[0,20],ajax[ajaxUser]]" type="text" name="user" id="user" />
   四、修改了ajax的提交参数，和返回参数


在服务端的代码只要这样就可以了：
 
                                
if (!customAjaxRule) {){--------} 
-----代码片段----- 
}} 

然后 弹出的对话框： 
validateValue= + 文本框内容(得到值)validateId=undefined& customAjaxRule=undefined &extraData= 
我有两个问题：1，前台input数据都得到了，为什么validateId和customAjaxRule都是undfined？ 难道数据没提交吗？ 
2，后台返回数据前台怎么处理？ 
3,日期验证好像没一直没通过,输入正确也不会消失
详情请看图片


还有 我下载的是 
jquery_validate.rar (43.9 KB) 在这个版本下做的测试
jquery_validate-0.2.rar (44 KB)

希望楼主能给一个关于asp的demo 或者 jsp不用json框架 的demo 或者在线指导下，


在此万分感谢楼主 

安徽",35:"福建",36:"江西",37:"山东",41:"河南",42:"湖北",43:"湖南",44:"广东",45:"广西",46:"海南",50:"重庆",51:"四川",52:"贵州" 

,53:"云南",54:"西藏",61:"陕西",62:"甘肃",63:"青海",64:"宁夏",65:"新疆",71:"台湾",81:"香港",82:"澳门",91:"国外"} 

function cidInfo(sId){ 
var iSum=0 
var info="" 
if(!/^\d{17}(\d|x)$/i.test(sId))return false; 
sId=sId.replace(/x$/i,"a"); 
if(aCity[parseInt(sId.substr(0,2))]==null)return "Error:非法地区"; 
sBirthday=sId.substr(6,4)+"-"+Number(sId.substr(10,2))+"-"+Number(sId.substr(12,2)); 
var d=new Date(sBirthday.replace(/-/g,"/")) 
if(sBirthday!=(d.getFullYear()+"-"+ (d.getMonth()+1) + "-" + d.getDate()))return "Error:非法生日"; 
for(var i = 17;i>=0;i --) iSum += (Math.pow(2,i) % 11) * parseInt(sId.charAt(17 - i),11) 
if(iSum%11!=1)return "Error:非法证号"; 
return aCity[parseInt(sId.substr(0,2))]+","+sBirthday+","+(sId.substr(16,1)%2?"男":"女") 
} 
这种来做
楼主知道怎么整合进去吗？
楼主 继续支持你啊，帮我们想想解决方案 或者 给个思路


这个我已经融合进去了，但错误信息不能显示我们函数里面的，除非alert();
在jquery.validationEngine-cn.js里找到$.validationEngineLanguage.allRules = {新添加代码：
"chkIDCard" :{
"nname" : "chkIDCard","alertText" : "* 请输入正确的身份证号."}
然后添加函数
function chkIDCard(){
 var card=cidInfo(document.getElementById("idcard").value);
 if(card!=true) return false;   
 else return true;
}
调用的时候在class里这样调用：funcCall[chkIDCard]
但这样虽然可以用了 但是提示信息就固定了，呵呵 有待继续研究    11 楼    btdf007    2010-12-10              发现了一个bug  在使用ajax验证的时候 如果该项没有失去焦点而是直接按回车提交 不会触发ajax验证     12 楼    maike    2010-12-17              非常感谢。正想用这个    13 楼    chenleijiangjun    2011-03-03              showOnMouseOver: true,好像不起作用啊！能不能做到验证错误先把文本框的边框变红，然后鼠标浮上去在提示错误信息呢？谢谢！    14 楼    chenleijiangjun    2011-03-24              楼主帮忙：ajax验证后错误提示信息位置不对，而且ajax验证错误后表单也能提交。请楼主帮忙，万分感谢！    15 楼    cao_jj    2011-11-19              页面显示这个：customAjaxRule没有返回值, 请检查. 可是明明已经传了。alert的时候说undefined    16 楼    matychen    2011-11-19              cao_jj 写道页面显示这个：customAjaxRule没有返回值, 请检查. 可是明明已经传了。alert的时候说undefined
你看看你传值是否标准，用firebug跟一下

热点排行

Web前端

Jquery form validate印证框架（修改与扩展）二