angular 自定义检验valid

示例代码:

angular.module("myTest", []).directive('multipleIdentityNo', [function () {return {require: "ngModel",link: function (scope, element, attr, ngModel) {if (ngModel) {var emailsRegexp = /^/d{17}[X0-9]{1}$/; //校验身-份-s-证号码}var customValidator = function (value) {var validity = ngModel.$isEmpty(value) || emailsRegexp.test(value);ngModel.$setValidity("multipleIdentityNo", validity);return validity ? value : undefined;};ngModel.$formatters.push(customValidator);ngModel.$parsers.push(customValidator);}};}])

前端代码:

<input class="form-control" name="identityNo"  type="text" multiple-Email-No
ng-model="identityNo"  placeholder="身-份-s-证号码"/>

那么重点来了:

如果

指令名 :multipleIdentityNo 为三个单词组成

那么

前端使用时必须使用"-" 分割每个单词(单词不区分大小写,反正最后还是会转为小写) 如:multiple-Email-No

转载于:https://blog.51cto.com/11101010211/1630564

angular 自定义检验valid相关推荐

Element-ui Form表单校验-兜底校验-自定义检验规则
用户登录表单-数据双向绑定 <template><div class="form-container"><el-form label-width=&q ...
angular 自定义组件_如何创建Angular 6自定义元素和Web组件
angular 自定义组件 by Prateek Mishra 通过Prateek Mishra 如何创建Angular 6自定义元素和Web组件 (How to create Angular 6 C ...
angular 自定义表单验证
说明前端校验基本是每个开发者必须具备的能力,除了我们自己用一些插件去做一些校验外,比如vue中就需要自己引入一些库去做.那么angular给我们内置了哪些了?其实angular内置也好,不用我们自 ...
Angular 自定义 structural 指令的一个例子
The <ng-container> is a syntax element recognized by the Angular parser. It's not a directive, ...
html input ng model,Angular自定义指令中传递ngModel
根据项目需要,希望写一个自定义指令,将指令中传递的数据(比如:my-model="name"),绑定到template中的ng-model中,并且可以被外部作用域使用. 参考了&l ...
自定义检验注解_多注解自定义参数校验
好久直接更新了单个注解参数校验以后.偷懒了好久,今天就把多个注解自定义的参数校验写了一下,思路是一样的,只是一个注解包含的字段把它分解成了多个注解,类似于java-valid自带的不同功能的校验注解一 ...
Angular 自定义模块
创建自定义模块 ng g module mymodule app.module.ts import { BrowserModule } from '@angular/platform-browser' ...
Angular 自定义分页组件，自定义每页显示个数
后端返回列表是全部数据,分页前端做的,自定义分页组件实现前端分页,下图为分页效果: 1.创建page.component.html <nav class="navigation&quo ...
ajax 服务路由,Angular自定义服务路由
什么是跨域不同域名之间进行数据访问,默认情况下是不允许的. 是谁导致了跨域是浏览器导致了跨域,为了数据的安全. 怎样解决跨域使用插件 JSONP Ajax和jsonp是同一个东西么 Ajax的核 ...

angular 自定义检验valid

angular 自定义检验valid相关推荐

最新文章

热门文章