javascript - HTML5 Pattern fallback for Safari -

safari not support html5 pattern... input pattern below works fine in need of workable fall back.

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

fallback attempt... (from answer dated 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); 

the problem event you're listening to. event change same blur in case.

change event listen keyup or input:

input.addeventlistener('input', function() {     console.log('is valid?',  input.value.search(new regexp(input.getattribute('pattern'))) !== -1); }, false);