0
Q
默認顯示驗證消息
A
回答
0
您的問題實質上是關於 ng-show
的條件僅爲test.field.$error.required
這一事實。
這是什麼問題?
即使在頁面加載時,該字段仍然不是有效的電子郵件ID。
那麼,有什麼解決辦法?
您需要檢查用戶是否實際點擊了該字段,該字段不再是pristine
。
我們該怎麼做?
在ng-show
中,添加以下條件。
test.field.$error.required && test.field.$dirty
這裏是一個工作DEMO
0
您還需要添加一個檢查,看看是否輸入已被感動了。
<div ng-class="{'has-error': test.$invalid}" class="form-group" >
<input id="field" name="field" required class="form-control" ng-model="field" type="text"/>
<div class="help-block error" ng-show="test.field.$error.required && test.field.$touched">Required</div>
</div>
相關問題
- 1. MVC中的範圍驗證只顯示默認消息
- 2. Kendo驗證器顯示組合框的錯誤默認消息
- 3. Laravel驗證未顯示默認錯誤消息
- 4. 敲除驗證不顯示默認消息
- 5. 敲除驗證是否應該在默認情況下顯示驗證消息?
- 6. Java bean驗證 - 覆蓋默認消息
- 7. Parsely.js覆蓋默認的驗證消息
- 8. JSR-303添加默認驗證消息
- 9. 更改Struts驗證器默認消息
- 10. 更改默認的驗證消息
- 11. Symfony2更改默認驗證器消息
- 12. 笨覆蓋默認的驗證消息
- 13. 改寫默認Hibernate驗證消息
- 14. 顯示驗證消息
- 15. 顯示驗證消息
- 16. Dataannotations必需顯示默認消息
- 17. JSR-303從不顯示默認消息
- 18. jQuery驗證不顯示錯誤消息
- 19. 使用JsonResult顯示驗證消息
- 20. jsf primefaces驗證消息反覆顯示
- 21. 驗證摘要未顯示消息框
- 22. zend驗證消息不顯示
- 23. 未顯示php驗證消息
- 24. AngulaJS正確顯示驗證消息
- 25. 顯示適當的驗證消息
- 26. 驗證錯誤消息不顯示MVC4
- 27. Vuejs:ajax驗證錯誤消息不顯示
- 28. 未顯示jQuery驗證程序消息
- 29. 驗證插件 - 顯示消息
- 30. Webform驗證消息不顯示
這是你想要的嗎?[鏈接](http://plnkr.co/edit/iLoErbnxrANfjL4TR93s?p=preview)如果是的話,我會後它作爲一個答案 –