中文输入验证AngularJS版

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了中文输入验证AngularJS版相关的知识,希望对你有一定的参考价值。

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





































以上是关于中文输入验证AngularJS版的主要内容,如果未能解决你的问题,请参考以下文章

AngularJS - 动态输入字段的验证

Angularjs验证 - 无法识别引导日期选择器输入

即使输入无效,AngularJS表单也会验证

当输入验证失败时,Angularjs会阻止表单提交

Angularjs验证:需要列表中的至少一个输入

使用 AngularJS 比较表单验证中的两个输入值