Как отключить кнопку, если в angularjs 1.x отображаются сообщения ng?

Question

Я хочу отключить кнопку, если не выполнены все условия для входа.Является ли это возможным?Например, если поле заполнено допустимым вводом, кнопка должна быть включена.

    <form name="userForm" novalidate>

        <div class="form-group">
            <label>Name</label>
            <input type="text" name="name" class="form-control" 
                ng-model="main.name"
                ng-minlength="5"
                ng-maxlength="10"
                ng-pattern='/^(?=.*[0-9])(?=.*[a-z])(?=.*[A-Z])([a-zA-Z0-9]+)$/'
                required>

            <div ng-messages="userForm.name.$error">
                <div ng-message="required">enter a name </div>
                <div ng-message="minlength">must be longer than 5</div>
                <div ng-message="maxlength">cannot exceed 10 characters</div>
                <div ng-message="pattern">must contain a combination of characters and numbers</div>
            </div>
        </div>

        <div class="form-group">
            <button type="submit" class="btn btn-danger">Submit</button>
        </div>

    </form>

Answer 1

Вы можете использовать флаг $valid в поле формы.Здесь вы можете использовать userForm.name.$invalid

<button type="submit" 
  ng-disabled="userForm.name.$invalid" 
  class="btn btn-danger">
   Submit
</button>

ИЛИ

Если форма будет иметь одно поле, используйте валидность формы userForm.$valid

ng-disabled="userForm.$valid"