Почему HTML5 checkValidity() возвращает разные результаты из JavaScript regexp.test()?

Question

В JS, я могу запустить:

/[a-z]/.test('foo'); 

Который возвращает true, как единый символ нижнего регистра появляется где-нибудь внутри строки.

Однако:

<input pattern="[a-z]" value="foo" required /> 

и

console.log(document.querySelector('input').checkValidity()) 

Возвращает false.

Почему HTML5 checkValidity возвращает разные результаты из JavaScript regexp.test()?

Answer 1

Регулярное выражение, на которое проверено значение элемента управления. Шаблон должен соответствовать всему значению, а не только некоторому подмножеству.

- https://developer.mozilla.org/en/docs/Web/HTML/Element/Input

Так pattern="[a-z]" эквивалентно /^[a-z]$/.test('foo');