错误放置默认样式

Question

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

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

在这种情况下，错误是这样显示的：

我宁愿把它看成默认浏览器所做的那样：

我该怎么做？

Answer 1

"在这种情况下错误是这样显示的："

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

---

".... 就像默认浏览器所做的那样："

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

---

“我宁愿看到默认浏览器所做的那样：我该怎么做？”

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