国产探花免费观看_亚洲丰满少妇自慰呻吟_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ā)表
主站蜘蛛池模板: 塘沽区| 开封市| 深泽县| 如皋市| 和田市| 静海县| 武隆县| 黔西县| 信宜市| 留坝县| 乌什县| 涞水县| 墨竹工卡县| 文安县| 安乡县| 河池市| 安庆市| 铅山县| 吉安县| 扶沟县| 阳泉市| 德钦县| 双流县| 铁岭县| 达拉特旗| 措美县| 苏尼特右旗| 静海县| 闵行区| 鹤庆县| 浙江省| 威海市| 措勤县| 密山市| 芦溪县| 通化市| 扬州市| 桐梓县| 马龙县| 伊金霍洛旗| 永寿县|