首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >ng-模式指令扰乱了输入的能力

ng-模式指令扰乱了输入的能力
EN

Stack Overflow用户
提问于 2014-11-27 09:49:03
回答 1查看 64关注 0票数 0

我需要用ng-pattern验证安全代码到底有4位数。添加ng-pattern="/^[0-9]{4}$/"后,输入无法显示模型属性(安全代码)。如果我删除了ng-pattern,那么表单和输入可以工作,但是没有验证。怎么修呢?

http://jsbin.com/saroyo/1/

EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2014-11-27 10:29:10

更新时只有一个错误可见

代码语言:javascript
运行
复制
var app = angular.module('myApp',[]);
app.controller('MyCtrl',function($scope){

});
代码语言:javascript
运行
复制
</script>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script>
<div ng-app="myApp">
<div ng-controller="MyCtrl">
<form name="myForm">
    Code: <input type="number " name="code" ng-model="user.code"
      ng-minlength="4" ng-maxlength="4">
    <span class="error" ng-show="myForm.code.$error.minlength">
      Should be 4 charachters long</span>
    <span class="error" ng-show="myForm.code.$error.maxlength">
      Should be 4 charachters long</span><br>
    <span class="error" ng-model="user.code" ng-show="(user.code === parseInt(user.code, 10)) && (myForm.$dirty === true) && (myForm.code.$error.minlength == false) && (myForm.code.$error.maxlength == false)">
      Should have only integers</span><br>
  </form>
</div>
</div>

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/27167534

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档