利用ng-message匹配价格正则及写法

最新推荐文章于 2023-11-09 09:56:25 发布

chunshen2159

最新推荐文章于 2023-11-09 09:56:25 发布

阅读量393

点赞数

CC 4.0 BY-SA版权

原文链接：https://my.oschina.net/u/3501740/blog/1821906

本文详细介绍了在Angular项目中如何使用ng-message进行推广预算的价格验证，包括正则表达式的使用，确保输入的价格为非负数且最多保留两位小数。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

在angualr项目中，遇到需要匹配价格的时候，利用ng-message可谓是非常的便捷。

<div class="form-group">
    <label class="col-sm-2 control-label">
       <span class="red margin-r1">*</span>推广预算：</label>
    <div class="col-sm-6" ng-class="{'has-error': (vm.fm.budget.$touched || vm.fm.$submitted) && vm.fm.budget.$invalid}">
       <div class="addpb-budget">
            <input name="budget" placeholder='' ng-model="vm.data.budget" type="text" pattern="^(0|[1-9][0-9]*)+(\.[0-9]{1,2})?$" required="required" />
            <span class="input-group-addon">$</span>
       </div>
       <div ng-messages="vm.fm.budget.$error" ng-if="vm.fm.budget.$touched || vm.fm.$submitted">
           <div class="help-block" ng-message="required">推广总预算不能为空</div>
           <div class="help-block" ng-message="number">请填写数值</div>
           <div class="help-block" ng-message="pattern">不能为负数，只能保留两位小数，小于1只能以0开头</div>
       </div>
    </div>
</div>

reg = /^(0|[1-9][0-9]*)+(\.[0-9]{1,2})?$/

转载于:https://my.oschina.net/u/3501740/blog/1821906