我的角度表單輸入[數字]驗證不起作用

我的角度表單只顯示我在下面定義的文本。它沒有在表單輸入字段中顯示紅色以告訴用戶存在錯誤。請告訴我發生了什麼事。我的角度表單輸入[數字]驗證不起作用

請幫忙。

謝謝！

我已經包括以下的頁面文件：

<script src="js/lib/angular/angular-1.0.1.js"></script> 
<link rel="stylesheet" href="css/ui-lightness/jquery-ui-1.8.23.custom.css" /> 
<link rel="stylesheet" href="css/style.css" /> 
<script type="text/javascript" src="js/jquery-1.8.0.min.js"></script> 
<script type="text/javascript" src="js/jquery-ui-1.8.23.custom.min.js"></script>

我有一個模板名爲users.html這users.html還包括所謂的pagination.html下面的模板：

<div style="padding-left: 252px;"> 
    <form name="pageForm" ng-submit="search()"> 
     Page: <input name="pageTxtField" ng-model="request.page" type="number" 
       required min="1" max="{{totalPages}}" style="width:30px;" ng-pattern="/[0-9]+/" /> of <span ng-bind="totalPages"></span> 
    <span class="error" ng-show="pageForm.pageTxtField.$error.required"> 
     Please enter a number!</span> 
    <span class="error" ng-show="pageForm.pageTxtField.$error.valid"> 
    Enter valid number!</span> 
    </form> 
</div>

來源

2012-09-02 Sameer Gupta

開始一個小提琴，但跑出來的時間到這個（http://jsfiddle.net/mqRWy/）。 – fncomp

使用Josh的模板，http://jsfiddle.net/FfMYt/6/您應該使用pageForm.pageTxtField。$ valid。 – Tosh

我解決了這個問題。我的樣式表現在如下所示：

form span.error { 
    color: red; 
} 

form.ng-invalid input.ng-invalid { 
    border-color: red; 
    outline-color: red; 
}

我在發佈這個答案，以便它可以幫助有同樣問題的人。

謝謝！

來源

2012-09-04 13:06:32

我的角度表單輸入[數字]驗證不起作用

回答

相關問題