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

在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