2017-04-07 69 views
0

我添加了ng-pattern =「/^[0-9] {1,7} $ /」到我的輸入字段(type = number)來驗證沒有「e」字母的數字。我正在使用角度材料。它在輸入中驗證並顯示紅色,但驗證消息沒有顯示出來。它僅顯示這種類似的值'3223233e3'添加一個ng-pattern時不會顯示Angular ng消息

這是當我提供一個號碼和一個e會發生什麼:

Validation happen when enter this number and e

這是當我提供很多e的會發生什麼:

Validation not happen when enter e

<input type="number" id="txtAnd" ng-model="txtAnd" ng-pattern="/^[0-9]{1,25}$/" name="AndOcc" required /> 
 
<div ng-messages="Three.AndOcc.$error"> 
 
    <div ng-message="required">Please supply a value</div> 
 
    <div ng-message="pattern">Please supply a valid value</div> 
 
</div>

+0

請發表您的代碼片段,以便其他人能夠 幫你。 –

+0

我已經更新了描述。添加了代碼的屏幕截圖和錯誤 – LahiruD

+0

也許是因爲您沒有在您的app.js中放入'ngMessages'?或者,也許是因爲你沒有首先導入'ngMessages'?或者也許是因爲你沒有把它包裝在一個'

'中? – Edric

回答

0

在由@Edric筆,

試試這個代碼

<div ng-messages="Three.AndOcc.$error"> <div ng-message="required">Please supply a value</div> <div ng-message="number">Please supply a valid value</div> </div>