代码改变世界

8.中文输入验证AngularJS版

2017-04-13 16:03  笨笨03  阅读(248)  评论(0编辑  收藏  举报
<!DOCTYPE html>
<html ng-app="myApp" ng-controller="myCtrl" >
<head lang="en">
<meta charset="UTF-8">
<title>T63-中文输入验证AngularJS版</title>
<script src="js/angular.js" type="text/javascript"></script>
</head>
<body>
<input type="text" ng-model="iModel" ng-blur="iBlur()" ng-focus="iFocus()" />
<p >{{p}}</p>

</body>

<script type="text/javascript">
var app=angular.module("myApp",[]);
app.controller("myCtrl", function ($scope) {
$scope.iBlur = function(){
var reg = /^[\u4e00-\u9fa5][\s\u4e00-\u9fa5\s]*$/;
if (!reg.test($scope.iModel)) {
$scope.p = "请输入中文汉字";
$scope.iModel = "";
} else {
$scope.p= "输入合法";
}
};
$scope.iFocus= function () {
$scope.p="";
}


})




</script>

</html>