国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 編程 > JavaScript > 正文

angularjs 表單密碼驗(yàn)證自定義指令實(shí)現(xiàn)代碼

2019-11-20 08:38:35
字體:
供稿:網(wǎng)友

html代碼

<form name="form">    <input type="password" name="password" ng-model="password" required placeholder="請(qǐng)輸入密碼">    <input type="password" name="passwordConfirm" ng-model="passwordConfirm" equal-to="password" placeholder="請(qǐng)?jiān)俅屋斎朊艽a">    <span ng-show="form.passwordConfirm.$error.equalTo">兩次密碼不一致</span>  </form>

js

angular.module("Valid",[]).directive("equalTo", function () {  return {    require: "ngModel",    link: function (scope, ele, attrs, ctrl) {      console.log(scope);//打印當(dāng)前作用域      console.log(attrs);//打印當(dāng)前標(biāo)簽屬性列表      console.log(ctrl);//打印當(dāng)前ctrl      var target = attrs["equalTo"];//獲取自定義指令屬性鍵值      if (target) {//判斷鍵是否存在        scope.$watch(target, function () {//存在啟動(dòng)監(jiān)聽其值          ctrl.$validate()//每次改變手動(dòng)調(diào)用驗(yàn)證        })         // 獲取當(dāng)前模型控制器的父控制器FormController        var targetCtrl = ctrl.$$parentForm[target];//獲取指定模型控制器        console.log(targetCtrl)        ctrl.$validators.equalTo = function (modelValue, viewVale) {//自定義驗(yàn)證器內(nèi)容                    var targetValue = targetCtrl.$viewValue;//獲取password的輸入值          return targetValue == viewVale;//是否等于passwordConfirm的值        }        ctrl.$formatters.push(function (value) {          console.log("正在進(jìn)行數(shù)據(jù)格式化的值:",value)          return value;        })        ctrl.$parsers.push(function (value) {          console.log("正在進(jìn)行數(shù)據(jù)轉(zhuǎn)換的值:",value)          return value;        })      }    }  }})

演示地址:https://tianyouh.github.io/angularPasswordConfirm/

發(fā)表評(píng)論 共有條評(píng)論
用戶名: 密碼:
驗(yàn)證碼: 匿名發(fā)表
主站蜘蛛池模板: 根河市| 正蓝旗| 泰和县| 资源县| 祁阳县| 营山县| 汝阳县| 金湖县| 将乐县| 藁城市| 秦安县| 务川| 福海县| 大同市| 和田县| 湖口县| 合山市| 浮梁县| 德格县| 林甸县| 依安县| 响水县| 聊城市| 深圳市| 柯坪县| 怀安县| 涞水县| 香格里拉县| 田林县| 阿尔山市| 大同县| 杭州市| 平山县| 靖宇县| 开封县| 教育| 博客| 武冈市| 尚义县| 永平县| 岚皋县|