天天看點

AngularJS快速入門指南14:資料驗證

AngularJS表單和控件可以對使用者輸入的資料進行驗證。

  在之前的章節中你已經了解了有關AngularJS表單和控件的相關内容。

  AngularJS表單和控件可以提供資料驗證服務,并對不合法的資料給出提示資訊。

AngularJS快速入門指南14:資料驗證

請注意任何情況下都不能僅靠用戶端的資料驗證,服務端資料驗證也是必須的。

<a></a>

<a href="http://jsfiddle.net/Jaxu/yg0annuc/" target="_blank">運作</a>

AngularJS快速入門指南14:資料驗證

novalidate屬性表示禁用浏覽器預設的資料驗證功能。

  AngularJS指令ng-model将input标簽綁定到模型中。

  模型對象有兩個屬性:user和email。

  通過使用ng-show指令來顯示或隐藏&lt;span&gt;元素,該元素的字型被設定成紅色,當user或email是$dirty和$invalid時顯示。

過濾器

描述

$dirty

表示目前field中的内容被修改過。

$valid

表示目前field中的内容是有效的。

$invalid

表示目前field中的内容是無效的。

$pristine

表示目前field中的内容還沒有被修改。

本文轉自Jaxu部落格園部落格,原文連結:http://www.cnblogs.com/jaxu/p/4500213.html,如需轉載請自行聯系原作者