微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

基于angularJS的表单验证指令介绍

做开发这么久一直被表单验证这个看似简单又不简单的东西搞得非常烦躁,于是写了个表单验证的框架,再也不用担心这个心烦的验证了。

这里使用AngularJS的指令进行处理代码及其简洁明了

下面是指令JS代码

attr.value){ showError(that,that.attr(attr.name+'-error')); break; }else { hidError(that,that.attr(attr.name+'-error')); } }else if(attr.name=='cc-min'){ if(value.length

对应的需要一点点CSS代码,下面是用LESS写的

对应的CSS就是

用法1

test

密码长度不能超过16位

密码最短为6

请输入正确的手机号

请输入传真

请输入正确的邮箱

用法2

登录
请输入正确的手机号

请输入手机号

请输入密码

请输入验证码

如此简洁明了

以上就是小编为大家带来的基于angularJS的表单验证指令介绍全部内容了,希望大家多多支持编程之家~

原文地址:https://www.jb51.cc/js/44993.html

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。

angularjs表单验证

相关推荐