Как сделать поле обязательным?

Question

[KOPC1886]

Всем привет!

Есть формочка и один инпут.
Как сделать этот инпут обязательным и чтобы кнопка была недоступна, пока не заполнены обязательные поля?

jsfiddle.net/uptnx/386

Answer 1

[Сергей Протько]

Давайте вы все же почитаете документацию...

https://docs.angularjs.org/api/ng/directive/input
https://docs.angularjs.org/api/ng/directive/form

Answer 2

[Никита Гущин]

В дополнении ответа Сергей Протько :
https://docs.angularjs.org/api/ng/directive/ngDisabled

UPD1:
Пример использования (2 обязательных поля, 1 - нет) jsfiddle:

<form name="myForm" ng-submit="yourSubmitFun()">
    <input type="text" ng-model="yourModel1" required />
    <input type="text" ng-model="yourModel2" required />
    <input type="text" ng-model="yourModel3" />
    <button type="submit" ng-disabled="myForm.$invalid"> Submit form </button>
</form>

Comments

[KOPC1886]

iNikNik для одного инпута у меня получилось..а что если их несколько?

[Никита Гущин]

KOPC1886: добавил в ответ пример

[KOPC1886]

iNikNik: myForm.$invalid мне не подходит, я пробовал уже.

[Никита Гущин]

KOPC1886: а в чем загвоздка с invalid?

[KOPC1886]

я использую angicomplete-alt и у меня множественный выбор элементов. Они пишутся в скоуп.

[Никита Гущин]

KOPC1886: эм ... не совсем понял, но причем тут form.$invalid ? может вам нужна кастомная валидация для вашего angicomplete ?

[KOPC1886]

iNikNik Да, вы правы