2016年03月28日 AngularJs 浏览(2154) 收藏

AngularJs 校验语法之ng-trim ng-minlength ng-maxlength required ng-pattern 等标签


表单中的输入框,你可以使用上面的标签来实现对用户输入的校验。从字面意思上你已经知道了它们的意思

<form name="yourForm">
<input type="text" name="inputText" required ng-trim="true" ng-model="userNum" ng-pattern="/^[0-9]*[1-9][0-9]*$/" ng-maxlength="6" maxlength="6"/>
</form>

你可以通过 $scope.yourForm.inputText.$error.required 来判断输入框是否为空
你可以通过 $scope.yourForm.inputText.$invalid 来判断输入的内容是否满足ng-pattern,ng-maxlength,maxlength
你通过$scope.userNum获得的输入内容是去掉前后空白的,因为ng-trim的存在。

赞一下 3 人赞了本文