大佬教程收集整理的这篇文章主要介绍了angularjs 前端js正则表达式的运用，大佬教程大佬觉得挺不错的，现在分享给大家，也给大家做个参考。
网页当中总会有很多input的输入控件，需要填入日期格式、身份证格式、纯数字格式等等，这些如果放到后台校验会浪费很多时间，而且用户体验也不好，多出了一步操作，如果在js中，运用js的正则表达式来禁止用户输入对应的格式的话，会提升好大的体验，主要是使用onkeyup监听函数还有正则表达式：如下例子：
（1）input输入框只能输入数字，长度为18，如果是字母或者中文，就要立即转换成空，以便进行校验，如下：
（2）格式化成2010-01的字符串，如下：
<!DOCTYPE html> <html> <head> <Meta charset="utf-8"> <script src="js/angular.min.js"></script> <script src="js/jquery-1.10.1.min.js" type="text/javascript"></script> </head> <body> <div ng-app="myApp" ng-model="mymodel"> <!-- <p>名字 : <input step="0.01" type="text" ng-model="name" maxlength="18" onkeyup="value=value.replace(/[\u4E00-\u9FA5\uF900-\uFA2D]/,'')"></p>--> <p>日期格式化成2010-01，多余的部分进行切断 <input step="0.01" id="ceshi" type="text" ng-model="test" maxlength="18" onkeyup="setTime(this.id);"></p> <p>只能输入数字，最大长度为18<input class="inp_txt" ng-blur="cardblur(card)" id="card" ng-maxlength="18" type="text" ng-model="card" name="card" placeholder="请输入身份证号码" required onkeyup="value=value.replace(/[^\d]/g,'')" /></p> </div> <script> var app=angular.module('myApp',[]); app.controller('mymodel',function ($scope) { $scope.name=110; }); //只能输入数字，格式化成时间 function setTime(id){ var value = $("#" + id).val(); value = value.replace(/[^0-9]*/g,""); var yearValue = value.subString(0,4); var monthValue = value.subString(4,6); if(value.length <= 6){ if(yearValue != null && yearValue != ""){ value = yearValue; } if(monthValue != null && monthValue != ""){ value += "-" + monthValue; } $("#" + id).val(value); }else{ $("#" + id).val(yearValue + "-" + monthvalue); } } </script> </body> </html>
参考：http://blog.sina.com.cn/s/blog_7256fe8f01017poa.html
以上是大佬教程为你收集整理的angularjs 前端js正则表达式的运用全部内容，希望文章能够帮你解决angularjs 前端js正则表达式的运用所遇到的程序开发问题。
如果觉得大佬教程网站内容还不错，欢迎将大佬教程推荐给程序员好友。
本图文内容来源于网友网络收集整理提供，作为学习参考使用，版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ：384754419，请注明来意。