2011-01-28 74 views
0

我在MVC3应用程序中使用不显眼的验证。对于一种形式,我需要做一些非常复杂的验证。因此,我想我可以使用常规的jQuery验证插件。当使用自定义验证脚本并且页面中包含对jQuery.validate.unobtrusive.js的引用时,自定义验证脚本将始终有效!微软的jQuery Validate Unobtrusive使其他验证器跳过验证

创建测试HTML文件(和包括jquery.validate.jsjquery.unobtrusive-ajax.js,并jquery.validate.unobtrusive.js)。当提交以下表格时,验证检查将不会执行。删除对jquery.validate.unobtrustive.js的脚本引用使它们再次工作。有没有简单的方法呢?

<!DOCTYPE html> 
<html> 
<head> 
    <title>Test Jquery</title> 
    <script type="text/javascript" src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.4.4.js"></script> 
    <script type="text/javascript" src="http://ajax.aspnetcdn.com/ajax/jquery.validate/1.7/jquery.validate.js"></script> 
    <script type="text/javascript" src="jquery.validate.js"></script> 
    <script type="text/javascript" src="jquery.unobtrusive-ajax.js"></script> 
    <script type="text/javascript" src="jquery.validate.unobtrusive.js"></script> 
    <script type="text/javascript"> 
     $(function() 
     { 
      var result = $("#commentForm").validate({ 
       rules: 
       { 
        name: "required", 
        email: { 
         required: true, 
         email: true 
        }, 
        comment: "required" 
       } 

      }); 

     }); 
    </script> 
</head> 
<body> 
    <form id="commentForm" method="get" action=""> 
    <fieldset> 
     <legend>A simple comment form with submit validation and default messages</legend> 
     <p> 
      <label for="cname">Name</label> 
      <em>*</em><input id="cname" name="name" size="25" /> 
     </p> 
     <p> 
      <label for="cemail">E-Mail</label> 
      <em>*</em><input id="cemail" name="email" size="25" /> 
     </p> 
     <p> 
      <label for="ccomment">Your comment</label> 
      <em>*</em><textarea id="ccomment" name="comment" cols="22"></textarea> 
     </p> 
     <p> 
      <input class="submit" type="submit" value="Submit" /> 
     </p> 
    </fieldset> 
    </form> 
</body> 
</html> 

回答

1

当使用ASP.NET MVC 3不显眼的客户端验证像你一样,你不应该写自定义规则。此外,您似乎已将两次包含jquery.validate.js脚本,并且jquery.unobtrusive-ajax.js脚本对于客户端验证不是必需的。您应该在您的模型上使用DataAnnotations来指示验证规则,并且当您需要自定义规则时可以实现IClientValidatable接口并将自定义适配器附加到jquery validate插件,以用于更复杂的场景。你可以看看下列解释这个概念的答案:answer 1和后续answer 2

+0

是的第二包括是在样本中的错误。我将去IClientValidatable路线。谢谢。 – TheCloudlessSky 2011-01-28 11:21:40