Предел для шаблона входного значения в html5

Как установить минимальное и максимальное значение для текстового поля ввода. Я пробовал, но не работал. Как решить эту проблему? Этот шаблон будет поддерживать только до 10, но я хочу от 100 до 100000 Итак, как изменить этот шаблон для этого?

 <input type="number" placeholder="User Id" required  pattern="(10|([1-2][0-9])|[1-9])"  [(ngModel)]="userId" name="userId"  #pickedId="ngModel">

Пожалуйста, поймите .. мой вопрос другой

SRANSV 31.10.2018 13:12

Что вы пробовали до сих пор? Покажи код

Yashwardhan Pauranik 31.10.2018 13:31
1
3
43
2

Ответы 2

Попробуйте использовать атрибуты min и max.

 <input type="number" min="1" max="999" />

Он не поддержит

SRANSV 31.10.2018 12:55

Попробуй это :

legend {
    background-color: #000;
    color: #fff;
    padding: 3px 6px;
}

.output {
    font: 1rem 'Fira Sans', sans-serif;
}

input,
label {
    width: 43%;
}

input {
    margin: 1rem 0;
}

label {
    display: inline-block;
    font-size: .8rem;
}

input:invalid + span:after {
    content: '✖';
    color: #f00;
    padding-left: 5px;
}

input:valid + span:after {
    content: '✓';
    color: #26b72b;
    padding-left: 5px;
}
 <span class="validity"></span>

<input type="number" id="userId" name="userId"
           placeholder="Min: 100, max: 10000"
           min="100" max="10000" />
    <span class="validity"></span>

Можете ли вы отредактировать мой stackblitz: stackblitz.com/edit/angular-uugjsc?file=app/app.c‌ omponent.html

SRANSV 31.10.2018 15:07

Вы должны это проверить.

I_Al-thamary 31.10.2018 15:22

Проверьте свой stackblitz .. я получаю ошибку .. страница не открывается

SRANSV 31.10.2018 15:34

^ [1-9] [0-9] [0-9] [0-9] [0-9] ?? $ | ^ 100 $

I_Al-thamary 31.10.2018 15:35

Не работает ... Принимается только 100 и поддерживается только более 1000: stackblitz.com/edit/angular-c4jjxy?file=app/app.co‌ mponent.html

SRANSV 31.10.2018 15:47

Вы можете посмотреть мои поля ввода: два текстовых поля не работают должным образом: stackblitz.com/edit/angular-c4jjxy?file=app/app.component.h‌ tml

SRANSV 31.10.2018 15:48

"^ [1-9] [0-9] [0-9] ?? $ | ^ 100 $"

I_Al-thamary 31.10.2018 15:54

Другие вопросы по теме