Введите тип ввода HTML5 = «число», принимающее тире

Question

Я хочу использовать тип ввода номера для своей HTML-формы.

К сожалению, он принимает только реальные цифры, без дефиса.

Есть ли способ сделать число ввода принимающих чисел «1234-123456789»?

Answer 1

Вы можете использовать регулярное выражение, по которому будет проверяться значение. Просто введите его в атрибут pattern. Вы также должны изменить свой вход type на text, чтобы использовать его.

<input type="text" pattern="[0-9]+([-\,][0-9]+)?" name="my-num" 
       title="The number input must start with a number and use either dash or a comma."/> 

Answer 2

У меня недавно была та же проблема. Я обошел его, используя type = "tel" вместо type = "text" или type = "number". Используя «tel», я смог получить только цифровую клавиатуру на мобильных устройствах и по-прежнему использовать мой шаблон = «[0-9 \ -] +».

Вот код, который я использовал. Надеюсь, это будет достаточно для того, что вам нужно. Им действительно нужно сделать так, чтобы добавление атрибута pattern переопределяло любой встроенный шаблон, заданный атрибутом type.

<input id='zipcode' name='zipcode' type='tel' pattern="[0-9\-]+" placeholder='Zip-code'> 

Конечно, это будет работать только в том случае, если все, что вам нужно, это тире и, возможно, круглые скобки.