HTML pattern validation onblur?

Question

[Ivanko]

Можно ли вызвать нативный тултип браузера о том что поле заполнено не по патерну - не при сабмите как обычно происходит а сразу при переходе на другое поле чтобы сразу видеть что поле заполнено неверно а ен в конце?
Спасибо!

Answer 1

[Манучехр Жалолов]

Да с помощью CSS/JS
ссылка https://stackoverflow.com/questions/6456149/html5-...

Comments

[Манучехр Жалолов]

Пример

$('#test').on('input', function(e) {
   this.setCustomValidity('')
     if ($(this).val() > 3) {
       this.setCustomValidity('wooo~~~~')
     }
     // e.target.checkValidity()
     this.reportValidity();
   })

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<form>
  <input autofocus id='test' type="text" min="1" pattern="[0-9]+" required>
<!--   <button type="submit">submit</button> -->
</form>

[Ivanko]

Манучехр Жалолов, круто )) спасибо!