2014-06-12 76 views
0

我有一些Angular JS驗證正在處理我的嚮導步驟,當用戶在輸入字段中輸入字符並將其刪除時,會出現錯誤。我想知道如何在用戶輸入字段後顯示錯誤並且不輸入任何內容? (標籤,他們到外地和關閉標籤不輸入任何東西),我希望這是有道理....Angular JS在用戶突出顯示輸入字段並且沒有輸入任何東西時顯示錯誤

<td> 
    <label>Your Name</label> 
</td> 
<td> 
    <input class="form-control" type="text" name="name" ng-model="user.name" required /> 
    <span class="error" ng-show="user.validate.step1.name.$invalid && !user.validate.step1.name.$pristine">Required Field 
    </span> 

回答

2

使用NG-模糊:

<td> 
    <label>Your Name</label> 
</td> 
<td> 
    <input class="form-control" type="text" name="name" ng-model="user.name" ng-blur="blur=true" required /> 
    <span class="error" ng-show="user.validate.step1.name.$invalid && blur">Required Field 
    </span> 
+0

爲了清楚起見,您可能希望使用與「blur」不同的變量名稱。花了我一秒鐘來弄清楚你在做什麼。但這應該很好,+1。 –

+0

我喜歡這個,但是你不必爲每個領域改變你的'模糊'變量。這些都會在範圍內嗎? – Ricka

1

最簡單/最好的辦法可能會通過標記控制用NG-模糊髒:

<input class="form-control" type="text" name="name" ng-model="user.name" required ng-blur="user.validate.step1.name.$dirty = true"/> 

下一個1.3測試版(Beta版12)將有$感動你可以用它來檢查它,但沒有目前的版本有呢。