有角度简单验证功能示例

本文实例讲述了有角的简单验证功能。分享给大家供大家参考，具体如下：

先来看看运行效果：

完整实例代码如下：

！DOCTYPE html html head meta charset=' UTF-8 ' titlewww.jb51.net angular验证功能/title脚本src=' http : angular。量滴js /脚本样式输入{显示：块；} ul Li { color : red }/风格脚本angular.module('myapp '，[]).控制器(' demoC '，函数($ scope){ $ scope。datas=[{ id : 10011120，name: 'iphoneX '，num: 99 }，{ id: 10011121，name: '华为mate10 '，num: 20 }，{ id: 10011122，name: 'vivoR12 '，num 3360 55 }]；//定义一个数组$scope.save=function(){ //创建一个存放错误信息数组$ scope。error _ val=[]；var reg_id=/^\d{8,8}$/；//只能8位数字if(！reg _ id测试($ scope)。id)){ $ scope。错误_ val。推动('资产编号格式，必须为数字，且长度为8位');} //资产名称if($ scope。name==undefined | | $ scope。name==' '){ $ scope。错误_ val。推动('资产名称不能为空!');} else { for(var I在$范围内。datas){ if($ scope。name==$ scope。数据[1]).name){ $scope.error_val.push('资产名称已经存在');打破；//结束循环，已经查找到资产名称不合法} } } //资产数量var reg_num=/^\d{1,}$/；//只能8位数字if(！reg _ num。测试($ scope)。num)){ $ scope。错误_ val。推动('资产编号数量，必须为数字');} else { if($ scope。num=0){ $ scope。错误_ val。推动('资产编号数量必须大于0');} } //何时添加进行，何时不添加if($ scope。错误_ val。长度==0){ $ scope。数据。push({ id : $作用域。id，name:$scope.name，num : $ scope。num })；} } })/脚本/头体ng-app=' myapp ' ng-controller=' Democ '表边框='1px固体' tr td资产编号运输署/运输署资产名称运输署/运输署资产数量/TD/tr ng-repeat=' d in datas ' TD { { d . id } }/TD TD { { d . name } }/TD { { d . num } }/TD/tr/table div表单资产编号输入ng-model='id' /资产名称输入ng-model='name' /资产数量输入ng-model=' num '/div ul Li ng-repeat=' e in error _ val ' { e } }/Li/ul/div按钮ng-click='save()'资产录入/button /form /div /body/htmlPS:这里再为大家提供2款非常方便的正则表达式工具供大家参考使用：

Java脚本语言正则表达式在线测试工具：http://工具。JB 51。net/regex/JavaScript

正则表达式在线生成工具：http://工具。JB 51。net/regex/create _ reg

更多关于AngularJS相关内容感兴趣的读者可查看本站专题： 《AngularJS指令操作技巧总结》 、 《AngularJS入门与进阶教程》 及《AngularJS MVC架构总结》

希望本文所述对大家AngularJS程序设计有所帮助。