Почему этот резервный jQuery HTML5 не работает?

Question

  $('form').find('input[pattern],textarea[pattern]').each(function(){
    if(!$(this).val().match($(this).prop('pattern'))){
      $(this).addClass('error');
    }
  });


<textarea name=... required pattern=^.{10,255}$></textarea>

Обычно, если значение не соответствует шаблону, добавляется класс (ошибка).Однако класс не добавляется в текстовую область, даже если я набираю только 1-9 символов.

Answer 1

В HTML5 шаблон может интерпретироваться как регулярное выражение, но здесь это просто строка Вам нужно сделать из этого регулярное выражение.

new RegExp($(this).attr('pattern'))

Кроме того, вы можете добавить кавычки вокруг атрибута:

pattern="^.{10,255}"