html5-custom-validation-pattern.js

html5-custom-validation-pattern.js

jQuery(document).ready(function(){
  jQuery('#edit-default-value-input-field-email-0-value').on('input', function(event){
  var constraint = new RegExp(/^\[[\w\d][\w\d_\-]*:[\w\d_\-]*\]$/);
    if (constraint.test(event.target.value)) {
        console.log(event.target);
        this.setCustomValidity('');
    }
    else {
      console.log(event.target);
      this.setCustomValidity('This is not a valid token');
    }
  });
});

function validateToken() {
  constraint = new RegExp(/^\[[\w\d][\w\d_\-]*:[\w\d_\-]*\]$/);
  var elem = document.getElementById('edit-default-value-input-field-email-0-value');
  if (constraint.test(elem.value)) {
      console.log(elem.checkValidity());
      elem.setCustomValidity('');
      return;
  }
  console.log(elem.checkValidity());
  this.setCustomValidity('This is not a valid token');
}

document.getElementById('edit-default-value-input-field-email-0-value').oninput = validateToken;