什么是jQuery不显眼验证?

我知道jQuery Validation插件是什么。我知道jQuery Unobtrusive Validation库是由Microsoft制作的,并且包含在 ASP.NET MVC框架中。但我找不到一个单一的在线资源来解释它是什么。标准jQuery验证库和“不显眼”版本有什么区别?


答案 1

布拉德·威尔逊(Brad Wilson)有几篇关于不显眼的验证和不显眼的ajax的精彩文章。
在“AJAX和JavaScript”部分的Pluralsight视频中也很好地展示了这一点。

基本上,它只是Javascript验证,不会用自己的验证代码污染你的源代码。这是通过使用HTML中的属性来完成的。data-


答案 2

用不显眼的方式:

  • 您不必调用 validate() 方法。
  • 您可以使用数据属性(data-val、data-val-required 等)来指定需求。

Jquery 验证示例

<input type="text" name="email" class="required">
<script>
        $(function () {
            $("form").validate();
        });
</script>

Jquery Validate Unobsive example

<input type="text" name="email" data-val="true" 
data-val-required="This field is required.">  

<div class="validation-summary-valid" data-valmsg-summary="true">
    <ul><li style="display:none"></li></ul>
</div>