# Как сделать input который принимает только цифры,

**URL:** <https://forum.itvdn.com/t/kak-sdelat-input-kotoryj-prinimaet-tolko-czifry/2645>\
**Category:** HTML / CSS\
**Created:** [23.10.2018 18:27:40 UTC](https://forum.itvdn.com/t/kak-sdelat-input-kotoryj-prinimaet-tolko-czifry/2645 "2018-10-23T18:27:40Z")\
**Posts on this page:** 2\
**Page:** 1

<div class="post-metadata">

**Author:** ![mihail.fezin](https://forum.itvdn.com/letter_avatar_proxy/v4/letter/m/2acd7d/32.png) [@mihail.fezin](https://forum.itvdn.com/u/mihail.fezin)\
**Post date:** [23.10.2018 18:27:40 UTC](https://forum.itvdn.com/t/kak-sdelat-input-kotoryj-prinimaet-tolko-czifry/2645/1 "2018-10-23T18:27:40Z")

</div>

Помогите пожалуйста сделать форму для ввода мобильного номера, нужно что бы было максимум 13 символов ну и что бы как номер вводилось.

---

<div class="post-metadata">

**Author:** ![glebgariev](https://forum.itvdn.com/letter_avatar_proxy/v4/letter/g/ea666f/32.png) [@glebgariev](https://forum.itvdn.com/u/glebgariev)\
**Post date:** [23.10.2018 18:30:29 UTC](https://forum.itvdn.com/t/kak-sdelat-input-kotoryj-prinimaet-tolko-czifry/2645/2 "2018-10-23T18:30:29Z")

</div>

Я так записывал форму:

```
\<form action="" method="post" id="formPhone" autocomplete="off"\>  
 \<input type="tel" name="telphone" placeholder=" 780134312396" pattern="(\ ?\d[- .]\*){7,13}"maxlength="13"title="Введите в правильном формате" required/\>  
 \<label style="font-size:9px;padding-left:20px"\>  
 Пример : 780321254659  
   
 \<input type="submit" value="Отправить"/\>
```

Указываем регулярное выражение, что бы присутствовали такие символы, и указываем максимальную длину, в 13 символов. Дописываем required что бы форма не отправилась без заполненного поля телефона, ну и стили для окраски инпута.

```
textarea:required:invalid, input:required:invalid {  
 background-color: lightyellow;  
 }
```