Question

我想知道当用户点击停用的提交btn时，在用户丢失的输入字段上显示错误的最佳方法是什么。

现在我有了这个：

<form name="userForm" action="/onlinesalg" method="post" ng-submit="submitForm(userForm.$valid)" novalidate>

    <div class="form-group">

        <div class="col-sm-6" ng-class="{ 'has-error' : userForm.fornavn.$invalid && !userForm.fornavn.$pristine }">
            <label class="control-label" for="textinput">Fornavn <span class="star-color">*</span></label>
            <input autocomplete="off" type="text" value="<?php echo set_value('fornavn'); ?>" name="fornavn" ng-model="fornavn" class="form-control" required>
        </div>

        <div class="col-sm-6" ng-class="{ 'has-error' : userForm.efternavn.$invalid && !userForm.efternavn.$pristine }">
            <label class=" control-label" for="textinput">Efternavn <span class="star-color">*</span></label>
            <input autocomplete="off" type="text" value="<?php echo set_value('efternavn'); ?>" name="efternavn" ng-model="efternavn" class="form-control" required>
        </div>
    </div>


    <div class="form-group">
        <div class="col-sm-12" ng-class="{ 'has-error' : userForm.adresse.$invalid && !userForm.adresse.$pristine }">
            <label class="control-label" for="textinput">Adresse <span class="star-color">*</span></label>
            <input autocomplete="off" type="text" value="<?php echo set_value('adresse'); ?>" name="adresse" ng-model="adresse" class="form-control" required>
        </div>
    </div>
</div>


<button ng-disabled="userForm.$invalid || disablezipcodeError" id="membership-box__payBtn" type="submit" name="betaling" class="btn btn-success text-uppercase">Gå til betaling</button>


</form>

Answer 1

而不是停用提交按钮，您可以允许用户提交。如果有任何错误，请显示这些错误，并暂停提交过程

为什么更好，如果禁用按钮，并且没有显示错误消息，用户将无法知道按钮被禁用的原因。

如果你甚至在用户按下提交按钮之前尝试显示错误，你就会看起来太过于愚蠢..

顺便说一句，这只是我的意见，是的，你不应该在SO上提出基于意见的问题，请阅读指南。

Angularjs 1.2表格验证

1 个答案: