如何将ng-model-options和ng-change一起使用AngularJs表单验证?

时间:2015-11-13 15:30:59

标签: javascript angularjs validation

ng-model-options="{updateOn:'blur'}"ng-change有两个问题。

  1. 当用户从日期选择器中选择一个值并从中删除该值时 字段必填字段消息显示正确。现在如果 用户选择值再次要求消息直到 用户关闭点击。如何解决此问题?
  2. 一旦用户选择了值保存按钮,只要用户从表单中进行关闭点击,就会以某种方式与第一个问题相关。
  3. 如何显示所需消息并启用保存按钮? 当用户选择该值时,它应该触发验证事件。 只想了解。是因为我在ng-model-options使用ng-change吗?

    main.html中

    <form id="createRcsaFormName" name="createRcsaCycleForm" novalidate
                k-validate-on-blur="false">
        <div class="col-md-12>
            <input kendo-date-picker type="text" class="form-control"
                id="asessPrdStartDate" name="asessPrdStartDate"
                    onkeydown="return false;"
                    ng-model="rcsaCycleDTO.asessPrdStartDate"
                    ng-change="validateDate('asessPrdStartDate','asessPrdEndDate')"
                    ng-model-options="{updateOn: 'blur'}" required
                    k-format="'MM/dd/yyyy'">
            <p class="text-danger" ng-show="createRcsaCycleForm.StartDate.$touched && createRcsaCycleForm.asessPrdStartDate.$error.required">Start Date is required</p>
        </div>
    </form>
        <button class="btn btn-primary" type="button"
                    ng-disabled="createRcsaCycleForm.$invalid"
                    ng-click="submit()">Save
        </button>
    

0 个答案:

没有答案