8.中文输入验证AngularJS版

最新推荐文章于 2021-03-24 00:52:17 发布

weixin_30399797

最新推荐文章于 2021-03-24 00:52:17 发布

阅读量88

点赞数

原文链接：http://www.cnblogs.com/mx2036/p/6704373.html

版权

<!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>