Question

<form name="Form" class="form" data-ng-enter="saveInfo()" novalidate>
<div class="question-group">
    <label class="question" for="FirstName">
        Your first name*
    <input id="FirstName" type="text" data-ng-model="app.FirstName" maxlength="40" required />
    </label>
    <label class="question" for="LastName">
        Last name*
    <input id="LastName" type="text" data-ng-model="app.LastName" maxlength="80" required />
    </label>
</div>

<div style="margin: 0 auto; width: 155px;" class="button-center">
    <button class="btn btn-success btn-lg" data-ng-click="saveInfo()" data-ng-disabled="Form.$invalid">
        Save
    </button>
</div>

如果表单未通过客户端验证，我将禁用保存按钮但是当我在输入字段中按Enter键时，它会绕过客户端验证并提交表单。我不希望这种情况发生。我想在输入时提交应用程序当且仅当它通过所有客户端验证时才会提交。

有没有办法检查按钮是否被禁用，那么数据-ng-enter不应该像这样工作？

Answer 1

您应该使用data-ng-submit代替data-ng-enter

data-ng-enter绕过客户端验证

1 个答案: