前端新增数据时,按钮控制

 <form name="create" class="form-horizontal">
        <div class="box-header with-border">
            <h4 class="modal-title">
                  <span ng-if="!vm.data.id">新增缓存设置信息</span>
                  <span ng-if="vm.data.id">修改缓存设置信息</span>
            </h4>
        </div>

  在form标签上添加了name 属性,之后在保存按钮的上面也要添加与之对应的属性来进行控制

    <button  type="submit" class="btn btn-primary blue" ng-click="vm.save()" ng-disabled="create.$invalid"
                        button-busy="vm.saving" busy-text="正在保存...">
                    <i class="fa fa-save"></i> <span>@L("Save")</span>
                </button>

  最后页面效果:

这里我在缓存分钟数设置了一个最大和最小的范围,如果输入的数字不符合的话,保存按钮会失效,这就是前端第一步控制保存的数据

原文地址:https://www.cnblogs.com/baihb/p/6731857.html