首页 > Web开发 > 详细

Angular JS输入验证

时间:2015-12-28 00:42:35      阅读:290      评论:0      收藏:0      [点我收藏+]

 

<form name="mgForm" ng-app="myApp" ng-controller="validateCtrl" novalidate>
<p>用户名:<input type="text" name="user" ng-model="user" required><span style="color:red" ng-show="myForm.user.$dirty && myForm.user.$invalid"><span ng-show="myForm.user.$error.required">用户名是必须的</span></span></p>
<p>邮箱:<input type="email"  name="email" ng-model="email" required><span style="color:red;" ng-show="mgForm.email.$dirty && mgForm.email.$invalid"><span ng-show=myForm.email.$error.required>邮箱是必须的</span><span ng-show="myForm.email.$error.email">非法邮箱</span></p>
<input type="submit" ng-disabled=“myForm.user.&dirty&&myForm.user.$invalid || myForm.email.$dirty && myForm.email.$invalid”>
</form>
<script>
var app=angular.module("myApp",[]);
app.controller("validateCtrl",function($scope)
{
  $scope.user="John Doe";
  $scope.eamil="John.doe@gmail.com";

});
</script>

*当用户名为$dirty和¥invalid才显示字体为红色

$dirty:表单有填写记录   $valid:表单字段内容合法

$invalid:表单内容非法。$pristine:表单没有填写记录

地址:原文

Angular JS输入验证

原文:http://www.cnblogs.com/professional-NET/p/5081167.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!