Question

是否有一个ng-show表达式，我只能在单击提交按钮时才能验证此文本框？目前，它在用户输入错误消息时显示错误消息。

<div ng-show="!vm.validEmployerCode && !form.EmployerCode.$error.required" class="errorMessage">
            You have entered an invalid code
</div>

    <div class="row">
        <div class="col-xs-11">
            <div class="form-group">
                <label class="form-label" for="Code">Code</label>
                <input ng-model="vm.code" name="Code" type="text" required id="Code" />
            </div>
        </div>
        <div class="btn-group" role="group" aria-label="...">
            <button type="submit" class="btn btn-success col-md-4">
                Sign Up
            </button>
        </div>
    </div>

Answer 1

您可以检查表单对象中的$submitted标志，基本上一旦提交表单就会变为true。因此，您需要在form.$submitted指令中添加ng-show。

<强>标记

<div ng-show="form.$submitted && !vm.validEmployerCode && !form.EmployerCode.$error.required" 
   class="errorMessage">
     You have entered an invalid code
</div>

Angular - 仅在提交

1 个答案: