AngularJS 输入验证

AngularJS 表单和控件可以验证输入的数据。

输入验证

你已经学到关于 AngularJS 表单和控件的知识。

AngularJS 表单和控件可以提供验证功能,并对用户输入的非法数据进行警告。

应用代码

Validation Example用户名:      用户名是必须的。  邮箱:      邮箱是必须的。  非法的邮箱。    var app = angular.module('myApp', []);app.controller('validateCtrl', function($scope) {    $scope.user = 'John Doe';    $scope.email = 'john.doe@gmail.com';});

实例解析

AngularJSng-model指令用于绑定输入元素到模型中。

模型对象有两个属性:user和email。

我们使用了ng-show指令, color:red 在邮件是$dirty或$invalid才显示。

  • 发表于:
  • 原文链接:http://kuaibao.qq.com/s/20171228C0DOLJ00?refer=cp_1026

扫码关注云+社区