Javascript Angularjs 1.2表单验证

我想知道当用户点击停用的提交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>

---

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

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

而且，如果您甚至在用户按下提交按钮之前就尝试显示错误，您的ui将看起来太混乱

---

顺便说一句，这只是我的意见，是的，你不应该问基于意见的问题，因此，请阅读指导原则。

这是否会导致无法单击按钮？不，当所有错误都无效时，它不再被禁用。谢谢，我要说的是