Как установить проверку диапазона в AngularJS

Я хочу установить диапазон проверки. I.e Мне нужна зарплата от 100000-20000000. Я использовал ng-min и ng-max. Но все-таки его не бросать сообщение об ошибке. вот что я сделал. Его единственная проверка проверки номера.Как установить проверку диапазона в AngularJS

<input ng-model="name2" name="name2" type="text" class="zoomIn" ng-min="100000" ng-max="20000000" ng-pattern="/^\d+$/" placeholder="Your Annual Net Profit" required> 
<div ng-messages="step5form.name2.$error"> 
<div ng-message="min">Please enter a value between 100000 and 20000000.</div> 
<div ng-message="max">Please enter a value between 100000 and 20000000.</div> 
<div ng-message="pattern">Annual net profit cannot be characters.</div> 
</div>

источник

2016-03-04 user5397448

вы можете использовать нг-MINLENGTH = «число» нг-MAXLENGTH = «число» из углового Docs – ngLover

я попытался с помощью MINLENGTH и MaxLength, но тогда она не принимают значения между этим диапазоном и его отключением следующей кнопки. – user5397448

Возможный дубликат: [Проверка не срабатывает, когда данные привязываются к атрибутам min/max для ввода номера) (http://stackoverflow.com/questions/15656617/validation-not-triggered-when-data-binding-a-number-inputs- min-max-attributes) –

Я думаю, вы должны попытаться прочитать AngularJs документы первым.

Здесь используется типа = «текст» и типа текста есть нг-MinLength и нг-MaxLength, тогда как для типа = «число» есть мин и макс свойства.

<input ng-model="name2" name="name2" type="number" class="zoomIn" min="2" max="4" ng-pattern="/^\d+$/" placeholder="Your Annual Net Profit" required> 
<div ng-messages="step5form.name2.$error"> 
<div ng-message="min">Please enter a value between 100000 and 20000000.</div> 
<div ng-message="max">Please enter a value between 100000 and 20000000.</div> 
<div ng-message="pattern">Annual net profit cannot be characters.</div>

Надеюсь, это поможет вам.

Обновлено: Чтобы удалить входные блесны добавить этот CSS

input[type=number]::-webkit-inner-spin-button, 
input[type=number]::-webkit-outer-spin-button { 
    -webkit-appearance: none; 
    margin: 0; 
} 
input[type="number"] { 
    -moz-appearance: textfield; 
}

источник

2016-03-04 07:10:00

, но, поставив type = number, он показывает вверх и вниз стрелку в поле ввода. – user5397448

Удалить, что есть пути. Просто потому, что есть прядильщики, которые вы не можете сделать. Я обновил свой ответ, пожалуйста, примите его, если вы нашли полезный –

Я поставил css, предоставленный вами, но все же стрелки не идут – user5397448

Использование в угловых образом:

<input type="number" 
     ng-model="string" 
     [name="string"] 
     [min="string"] 
     [max="string"] 
     [required="string"] 
     [ng-required="string"] 
     [ng-minlength="number"] 
     [ng-maxlength="number"] 
     [pattern="string"] 
     [ng-pattern="string"] 
     [ng-change="string"]>

Angular Way - More detail

Или собственный каталог

http://jsfiddle.net/webvitaly/AG2wf/1/

источник

2016-03-04 09:32:32

Как установить проверку диапазона в AngularJS

ответ

Смежные вопросы