Проверка правильности HTML5 с помощью jQuery

Question

Перед созданием этой функции, когда что-то было некорректным в входах, HTML5 запускал по умолчанию недопустимое действие для браузера (который устанавливал цвет границы ввода в красный и т. Д.). Но теперь, если введенное значение недействительно, оно ничего не делает на событии размытия. Могу ли я вызвать недействительное действие браузера по умолчанию для ввода, если условие 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 не требуется. Вы можете использовать псевдо-класс CSS :invalid; это позволяет применить определенный стиль к недопустимым элементам. Точно так же действительные элементы соответствуют: действительному псевдоклассу.

Источник: https://developer.mozilla.org/en-US/docs/Web/Guide/HTML/Forms/Data_form_validation