課程
/前端開發
/Angular
/阿里懶懶交流會AngularJS專場
請問各位大神,怎么用augularjs寫條指令判斷兩次密碼輸入的是否一致呢?
2016-06-01
源自:阿里懶懶交流會AngularJS專場 1-1
正在回答
ResetPasswordApp.directive('pwCheck', [function () {? ?return {? ? ? ?restrict: 'A',? ? ? ?require: "ngModel",? ? ? ?link: function(scope, elem, attrs, ctrl) {? ? ? ? ? ?var otherInput = elem.inheritedData("$formController")[attrs.pwCheck];? ? ? ? ? ?ctrl.$parsers.push(function(value) {? ? ? ? ? ? ? ?ctrl.$setValidity("pwCheck",value === otherInput.$viewValue);? ? ? ? ? ? ? ?return value;? ? ? ? ? ?});? ? ? ? ? ?otherInput.$parsers.push(function(value) {? ? ? ? ? ? ? ?ctrl.$setValidity("pwCheck", value === ctrl.$viewValue);? ? ? ? ? ? ? ?return value;? ? ? ? ? ?});? ? ? ?}? ?};}]);<form ng-controller="confimPwFormController" ng-submit="submit()" id="confirmPwForm" name="confirmPwForm"><div class="form-group"><input type="password" placeholder="請輸入新密碼" ng-model="confirm.password" ?name="password" required=true class="required form-control" /></div><div class="form-group"><input type="password" placeholder="請再次輸入新密碼" ng-model="confirm.plainPassword" pw-check="password" ?name="plainPassword" required class="required form-control" /></div><div class="form-group"><input type="submit" class="btn btn-info btn-block" value="完成" ? ng-disabled="confirmPwForm.$invalid"/></div></form>
舉報
阿里云前端團隊深度解析AngularJS,深入淺出,干貨不斷,不容錯過
Copyright ? 2025 imooc.com All Rights Reserved | 京ICP備12003892號-11 京公網安備11010802030151號
購課補貼聯系客服咨詢優惠詳情
慕課網APP您的移動學習伙伴
掃描二維碼關注慕課網微信公眾號
2016-06-13
ResetPasswordApp.directive('pwCheck', [function () {
? ?return {
? ? ? ?restrict: 'A',
? ? ? ?require: "ngModel",
? ? ? ?link: function(scope, elem, attrs, ctrl) {
? ? ? ? ? ?var otherInput = elem.inheritedData("$formController")[attrs.pwCheck];
? ? ? ? ? ?ctrl.$parsers.push(function(value) {
? ? ? ? ? ? ? ?ctrl.$setValidity("pwCheck",value === otherInput.$viewValue);
? ? ? ? ? ? ? ?return value;
? ? ? ? ? ?});
? ? ? ? ? ?otherInput.$parsers.push(function(value) {
? ? ? ? ? ? ? ?ctrl.$setValidity("pwCheck", value === ctrl.$viewValue);
? ? ? ? ? ? ? ?return value;
? ? ? ? ? ?});
? ? ? ?}
? ?};
}]);
<form ng-controller="confimPwFormController" ng-submit="submit()" id="confirmPwForm" name="confirmPwForm">
<div class="form-group">
<input type="password" placeholder="請輸入新密碼" ng-model="confirm.password" ?name="password" required=true class="required form-control" />
</div>
<div class="form-group">
<input type="password" placeholder="請再次輸入新密碼" ng-model="confirm.plainPassword" pw-check="password" ?name="plainPassword" required class="required form-control" />
</div>
<div class="form-group">
<input type="submit" class="btn btn-info btn-block" value="完成" ? ng-disabled="confirmPwForm.$invalid"/>
</div>
</form>