Этого можно добиться, используя атрибут pattern
, который использует регулярные выражения для определения того, что можно отправить.
<input type="text" pattern="^[A-Za-z0-9]+$"></input>
РЕДАКТИРОВАТЬ: Обновленвыше, чтобы включить ^
и +$
, чтобы соответствовать началу и концу строки.
Я также построил проверенный и рабочий пример выше: https://codepen.io/anon/pen/aXbybR