bootstrap类以显示表单验证

时间:2017-09-27 13:42:10

标签: html twitter-bootstrap twitter-bootstrap-3

以下是html代码,它表示它是必填字段。

<div class="form-group" ng-class="{ 'has-error': data.projName.$error.required }">
   <input type="text" class="form-control" name="projName"
                                   ng-model="myModel.projName" required>

    </div>

如上所述ng-class="{'has-error':data.projName.$error.required }",我想提及以下输入字段,它只应接受数字,如果用户输入除数字以外的任何其他内容,则应显示错误消息,用户不应提交表单

 <div class="form-group">
       <input type="number" class="form-control" name="digitalId" ng-model="myModel.digitalId" placeholder="Enter only numbers">
                    </div>

如何使用简单的引导类来实现上述场景,当用户在输入字段中输入一些只应接受数字的字符时,这些类会显示错误消息。

0 个答案:

没有答案