Валидация поля регулярным выражением

237

13 января 2018, 03:09

Нужно реализовать валидацию для поля. В поле можно вводить только латинские буквы, дефис и пробел. Если в поле есть другие символы то ошибка.

Answer 1

var rgxp = /[a-zA-Z-\s]/; 
 
function reg() { 
  if (!rgxp.test(String.fromCharCode(event.charCode))) { 
    console.error('not allowed char'); 
    setTimeout(function() { 
      console.clear(); 
    }, 3000); 
    event.preventDefault(); 
  } 
}

<input type="text" name="input2" onkeypress='reg()' />

Answer 2

Проверку можно сделать чисто на HTML, в данном случае HTML5. Единственное где использовал JavaScript это для задания кастомного сообщения об ошибке.

<form> 
  <input type="text" pattern="a-zA-Z -" oninvalid="this.setCustomValidity('Допустимы только: латинские буквы, пробел и тире.')"> 
  <input type="submit" value="Отправить"> 
</form>