HTML5 Откат шаблона для Safari

Question

Safari не поддерживает шаблон HTML5 ... Приведенный ниже рисунок работает отлично, но нуждается в работоспособном отступлении.

<input type="password" required pattern="(?=^.{8,}$)((?=.*\d)|(?=.*\W+))(?![.\n])(?=.*[A-Z])(?=.*[a-z]).*$" name="password" id="password"> 

запасной вариант попытка ... (от другого ответа от 2011)

var input = document.getElementsByName('password')[0]; 


input.addEventListener('change', function() { 
     console.log('Is valid?', input.value.search(new RegExp(input.getAttribute('pattern'))) !== -1); 
}, false); 

Answer 1

Проблема это событие, вы слушаете. Событие change по существу совпадает с blur в этом случае.

Изменить событие слушает keyup или input:

input.addEventListener('input', function() { 
    console.log('Is valid?', input.value.search(new RegExp(input.getAttribute('pattern'))) !== -1); 
}, false);