angularjs 암호 일치성 검사
2658 단어 AngularJS
directives.directive('pwCheck', function () {
return {
require: 'ngModel',
link: function (scope, elem, attrs, ctrl) {
var firstPassword = '#' + attrs.pwCheck;
// $(elem)
$(elem).add(firstPassword).on('keyup', function () {
scope.$apply(function () {
alert(elem.val());
var v = elem.val()===$(firstPassword).val();
ctrl.$setValidity('pwmatch',v);
});
});
}
};
});
<div class="form-group" ng-class="{'has-error': developerForm.password.$dirty && developerForm.password.$invalid}">
<div class="col-sm-12">
<input type="password" ng-model="developer.password" name="password" id="password" class="form-control" placeholder=" " required>
</div>
<p class="text-warning help-block" ng-show="developerForm.password.$dirty && developerForm.password.$invalid">
<small ng-show="developerForm.password.$error.required"> !!</small>
</p>
</div>
<div class="form-group" ng-class="{'has-error': developerForm.rePassword.$dirty && developerForm.rePassword.$invalid}">
<div class="col-sm-12 ">
<input type="password" ng-model="developer.rePassword" name="rePassword" class="form-control" placeholder=" " pw-check="password" required>
</div>
<p class="text-warning help-block" ng-show="developerForm.rePassword.$dirty && developerForm.rePassword.$invalid">
<small ng-show="developerForm.rePassword.$error.required"> !!</small>
<small ng-show="developerForm.rePassword.$error.pwmatch"> !!</small>
</p>
</div>
http://angularjs4u.com/directives/angularjs-check-passwords-match-directive/
이 내용에 흥미가 있습니까?
현재 기사가 여러분의 문제를 해결하지 못하는 경우 AI 엔진은 머신러닝 분석(스마트 모델이 방금 만들어져 부정확한 경우가 있을 수 있음)을 통해 가장 유사한 기사를 추천합니다:
AngularJS의 ng-options best practise쓸데없는 말은 하지 말고 바로 코드를 찍어라. 리소스를api에 직접 전달하지 말고 문자열이나 정형(예를 들어 귀속된ng-model="selected")을 권장합니다 angular에서 생성된 의value가 무엇인지, ...
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
CC BY-SA 2.5, CC BY-SA 3.0 및 CC BY-SA 4.0에 따라 라이센스가 부여됩니다.