javascript - 错误放置默认样式

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

"In this case the error is displayed in this way:"

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

---

".... as is done by the default browser:"

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

---

"I would rather see it as is done by the default browser: How can I do it?"

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