Question

在输入中的某些内容不正确的情况下创建此函数之前，HTML5触发了浏览器的默认无效操作（将输入的边框颜色设置为红色等）。但是现在，如果输入的值无效，则它不会对blur事件执行任何操作。当if的条件未满足时，是否可以触发浏览器的默认无效操作？

(function ($) {
    $.fn.isValid = function () {
        return document.getElementById(this[0].id).checkValidity();
    };
})(jQuery);
$(function () {
    $(".answer").blur(function () {
        if ($(this).isValid()) {
          //do something
        }
        else
         //trigger default invalid action
    })
});

Answer 1

Javascript / jQuery不是必需的。您可以使用:invalid CSS伪类;这使您可以将特定样式应用于无效元素。类似地，有效元素匹配：valid伪类。

来源：https://developer.mozilla.org/en-US/docs/Web/Guide/HTML/Forms/Data_form_validation

使用jQuery触发HTML5验证

1 个答案: