Доступное только для чтения свойствоtypeMismatch объектаValidityState указывает, соответствует ли изменённое пользователем значение<input> ограничениям атрибутаtype.

Если атрибутtype получает типы вродеemail илиurl, а значение не соответствует ограничениям данного типа, свойствоtypeMismatch будет true.

Типemail допускает ввод одного или нескольких email-адресов, в зависимости от наличия атрибутаmultiple. Валидный email-адрес включает префикс электронной почты и домен, с доменом верхнего уровня или без него. Если значение поля email-адреса не является пустой строкой, одним или несколькими email-адресами, разделёнными запятой (если присутствует атрибутmultiple), то этоtypeMismatch.

Типurl допускает ввода одного или нескольких url-адресов, в зависимости от наличия атрибутаmultiple. Валидный URL-адрес включает протокол с IP-адресом или комбинацией поддоменом, домена и домен верхнего уровня. Если значение поля URL не ялвяется пустой строкой, одним или несколькими URL-адресами, разделёнными запятой (если присутствует атрибутmultiple), то этоtypeMismatch.

Примеры

Учитывая следующее:

<p>  <label>    Enter an email address:    <input type="email" value="example.com" />  </label></p><p>  <label>    Enter a URL:    <input type="url" value="example.com" />  </label></p>

input:invalid {  border: red solid 3px;}

В примере выше в обоих полях происходитtypeMismatch, потому что email-адрес является просто доменом, а URL не содержит протокол

typeMismatch происходит при несоответствиизначения, заданного в атрибутеtype и содержимым поля.typeMismatch является лишь одной из возможных ошибок и возможна только для полейemail иurl. Когда введённое значение не соответствует ожидаемому для других полей ввода, в зависимости от типа поля будут возникать разные ошибки. Например, если в полеnumber ввести значение не являющееся числом с плавающей запятой,badInput будетtrue. Еслиобязательное поле email не заполнено,valueMissing будетtrue.

Спецификации

Совместимость с браузерами

Смотрите также

• Валидация ограничений
• Валидация форм на стороне клиента
• Регулярные выражения