Angularjs自定义验证指令

wuchangjian2021-11-05 16:17:12编程学习

今天做表单验证,学习一下angular的验证功能,总体来说,一般的需求够用了,如果不够用,还可以自定义验证指令,下面就是我写的一个自定义验证指令,功能是检查输入里有没有特殊字符。

```javascript
angular.module('launchApp')
        .directive("speCheck",function(){
            return {
                restrict: "A",
                link: function(scope,ele,attrs,ctrl){
                    var target = attrs["speCheck"];
                    if(target){
                        scope.$watch(target,function(){
                            ctrl.$validate();

                        });
                    }
                    ctrl.$validators["specheck"] = function (modelValue, viewValue) {
                        var value = modelValue || viewValue;
                        var patrn = /[`~!@#$%^&*()_\-+=<>?:"{}|,.\/;'\\[\]·~!@#¥%……&*()——\-+={}|《》?:>“”【】、;‘’,。、]/im;
                        if (!patrn.test(value)) {
                            return true;
                        }
                        return false;
                    }
                },
                require:"ngModel"
            };
        })
```

相关文章

LeetCode猜数字大小

题目要求: 猜数字游戏的规则如下: 每轮游戏࿰...

Matlab绘图时关于xtick的相关问题

有时候,小编在绘图时会碰见如下的问题,将xtick的原点始终...

发表评论    

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。