<! DOCTYPE  html >
 
< html >
< head >
    < title > mvc3中使用unobtrusive时,ajax更新加载页面后验证失效解决方法 </ title >
    < script  src ="jQuery/jquery-1.6.2.js"  type ="text/javascript" >  </ script >   
    <script src= "jquery.validate/1.8.1/jquery.validate.js" type= "text/javascript" > </ script >   
    <script src= "jquery.validate.unobtrusive.js" type= "text/javascript" > </ script > 
   
    <script type= "text/javascript" >
        $( function () {
            //tReq新增数字检核
            $( "#tReq" ).attr( "data-val-number" , "须为数字(动态加上的检索)" );
            //无中生有新增一个<input id=tDyna>，并加上必填检核
            var id = "tDyna" ;
            $( "#dvDyna" ).append( "<input type='text' id='" + id + "' />" );
            $( "#tDyna" ).attr({
                name: id,
                "data-val" : "true" ,
                "data-val-required" : "不可空白(动态加上的检索
)" , }).after( "<span data-valmsg-for='" + id + "' />" ); 

//要先移除原有设定  $( "#form1" ).removeData( "validator" ); 

//方法一，传入新增检核设定的元素，包含该元素的<form>会重设检核条件 
//$.validator.unobtrusive.parseElement(document.getElementById("tDyna"));
//方法二，传入内含<input data-val="true">元素的容器selector，//将重新解析容器内的元素的data-val-*设定，接着所有的<form>会更新检核规则 
//$.validator.unobtrusive.parse("#dvDyna"); 
//在本案例中方法一、二都只更新了<input id='tDyna'>。<input id='tReq'>新增的 //data-val-number并未被解析生效，我们可扩大解析范围改善这个问题 
 $.validator.unobtrusive.parse( "#form1" ); //或parse(document)亦可  });
 </ script > 
</ head > 
< body > 
< form id ="form1" >
 < div >
 < input type ="text" id ="tReq" name ="tReq" data-val = "true" data-val-required = "不可空白" />
 < span data-valmsg-for ="tReq" ></ span > </ div > < div id ="dvDyna" > </ div > < input type ="submit" value ="Submit" />
 </ form > 
</ body > 
</ html >