小编Pra*_*eep的帖子

AngularJS错误处理程序不适用于与输入结合的单选按钮

我正在尝试添加一个带有2个字段的单选按钮

全部和数字(这是一个输入字段)(请参阅附图中的图片)我试图为输入字段添加错误处理程序.我有数字模式"/ ^ [0-9] {1,5} $ /"(从1到5)如果模式不匹配我想显示错误.

<div id="_work">
   <md-input-container class="md-input-has-value">
      <label>Work is funnnnn</label>
         <md-radio-group layout="row" ng-model="data.group" ng-change='changecolor(data.group)'>
             <md-radio-button value="All Color" class="md-primary"> All </md-radio-button>
             <md-radio-button value="Number" class="md-primary"><LEFT EMPTY></md-radio-button>
         </md-radio-group>
         <md-input-container md-no-float style="float: right; margin: 0px;">
            <input name="num" ng-model="number" placeholder="5" type="text" ng-pattern="/^[0-9]{1,5}$/" class="numberrr" disabled>
            <div ng-messages="num.$error" role="alert">
                <div ng-message="pattern">Looks like it's not a number?</div>
            </div>
         </md-input-container>
   </md-input-container>
</div>
Run Code Online (Sandbox Code Playgroud)

单选按钮链接(图片)

现在问题是我不知道为什么我输入错误消息时,我输入的字数或数字超过5位数.我可以帮助我犯错误的地方.

看到这个没有显示错误信息(图片)

html javascript jquery angularjs angular-material

5
推荐指数
1
解决办法
78
查看次数

标签 统计

angular-material ×1

angularjs ×1

html ×1

javascript ×1

jquery ×1