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"
            };
        })
```

相关文章

.NET Core和SignalR实现一个简单版聊天系统——服务端2

上一篇完成了服务端的数据库搭建以及登录和注册的方法。               ...

qt编写网易云界面(14)----个人消息模块

qt编写网易云界面(14)----个人消息模块

    没有想到这个简单的项目,很多人想要我把它做完,今天我...

发表评论    

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