如何在AngularJS中設置範圍驗證

我想設置範圍驗證，即我希望工資應該在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

您可以使用ng-minlength =「number」ng-maxlength =「number」from angular docs – ngLover

我嘗試使用minlength和maxlength，但不接受該範圍和禁用下一個按鈕之間的值。 – user5397448

[數據綁定數字輸入的最小/最大屬性時未觸發驗證]的可能重複（http://stackoverflow.com/questions/15656617/validation-not-triggered-when-data-binding-a-number-inputs- min-max-attributes） –

我認爲您應該嘗試先閱讀AngularJs文檔。

這裏使用的是類型=「文本」和類型的文本有NG-MINLENGTH個和NG-最大長度而對於類型=「數字」有分鐘和最大屬性。

<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 =數字顯示在輸入字段中向上和向下箭頭。 – 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中設置範圍驗證

回答

相關問題