错误放置默认样式

时间:2015-02-19 10:28:57

标签: javascript jquery css jquery-validate

我用数据输入表单创建了一些jsp页面。 有些页面定义了验证的功能:

<script>
$(document).ready(function() {
$("#newPassword").validate({
        rules : {
            password : "required",
            passwordConfirm : {
            equalTo : "#password"
            }
        },
        messages : {
            passwordConfirm : "<spring:message code='change.label.error.confirmPassword'/>"
        }
    });
});
</script>

在这种情况下,错误以这种方式显示:

enter image description here

我宁愿看到默认浏览器:

enter image description here

我该怎么做?

1 个答案:

答案 0 :(得分:1)

  

&#34;在这种情况下,错误以这种方式显示:&#34;

enter image description here

这就是jQuery Validate插件创建错误消息的方式。


  

&#34; ....正如默认浏览器所做的那样:&#34;

enter image description here

这就是浏览器使用HTML5 validation attributes to create the error messages的方式。


  

&#34;我宁愿看到它是由默认浏览器完成的:我该怎么做?&#34;

删除jQuery Validate插件以允许浏览器默认(HTML5)接管。否则,您不能让浏览器在使用jQuery Validate插件时使用HTML5验证,因为该插件会动态禁用任何HTML5验证并接管。