首页
学习
活动
专区
工具
TVP
发布

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
  • 腾讯「腾讯云开发者社区」是腾讯内容开放平台帐号(企鹅号)传播渠道之一,根据《腾讯内容开放平台服务协议》转载发布内容。
  • 如有侵权,请联系 cloudcommunity@tencent.com 删除。

扫码

添加站长 进交流群

领取专属 10元无门槛券

私享最新 技术干货

扫码加入开发者社群
领券