jQuery Validation插件和ASP.NET验证器Web窗体

Cra*_*hie 5 asp.net jquery

我真的想在我的ASP.NET Web窗体应用程序(而不是MVC)中使用jQuery Validation插件.

我重视我可以为最终用户提供的Richer UI体验的jQuery验证,并且我有一些要求使用红色边框(css)突出显示无效字段.

我重视asp.net验证器,因为它们不仅在客户端而且在服务器上运行验证,因此我不会为任何聪明到能够在浏览器中关闭javascript的用户打开各种安全漏洞.

所以我正在寻找一种很好的清洁方式来集成这两种技术.

我能想到的最好的方法是将所有ASP.NET验证器设置为enableclientscript = false,并在jQuery和服务器上重复客户端上的验证规则作为asp.net验证器,但我已经看到了这种方法的一些挑战.

最后,我找到了使用asp.net验证器实现突出显示的最低摩擦方式,而jquery不使用jQuery Validation插件,而是使用后面的简单jquery行(请注意,确切的语法将根据布局方式而有所不同你的表格):

<script type='text/javascript'>


        $("input[@type=submit]").click(function() {
        $('span.validationerror:hidden').parent().parent().find('input').removeClass('inputError');
        $('span.validationerror:visible').parent().parent().find('input').addClass('inputError');                        

        });

</script>
Run Code Online (Sandbox Code Playgroud)