не удалось проверить форму и показать сообщение об ошибке

Я пытаюсь проверить поле ввода, используя bootstrap и angularjs. В приведенном ниже примере html-кода я пытаюсь проверить поле ввода и отображать ошибку на баллоне (Enter the Valid input ..), если поле ввода недействительно или пустое, но оно не работает с кодом.

Пожалуйста, найдите демо: http://next.plnkr.co/edit/WoQC2jugwxpG2bc9

Образец кода:

<div>
     Single/Multiple email:
    <input type="email" class="form-control" multiple-emails required 
           name="recipientEmail" ng-model="recipientEmail">
    <div ng-show="shareSelectionForm.$submitted || shareSelectionForm.recipientEmail.$touched">
        <p class="error-mesg" ng-show="headerForm.recipientEmail.$error.required">
          Enter the Valid input..
        </p>
    </div>
</div>
<button class="btn btn-primary" type="button" ng-click="submitForm()">
  Submit
</button>

Любые входы?

javascript,html,angularjs,twitter-bootstrap,

0

Ответов: 1


0

Вы не можете проверить, отправлена ??ли форма с использованием shareSelectionForm. $ Представлено.

В submitForm () fuction,

add $ scope.submitted = true;

И используйте эту переменную в своем html, чтобы проверить, была ли форма отправлена

<div>
     Single/Multiple email:
    <input type="email" class="form-control" multiple-emails required 
           name="recipientEmail" ng-model="recipientEmail">
    <div ng-show="submitted || shareSelectionForm.recipientEmail.$touched">
        <p class="error-mesg" ng-show="shareSelectionForm.recipientEmail.$error.required">
          Enter the Valid input..
        </p>
    </div>
</div>
<button class="btn btn-primary" type="button" ng-click="submitForm()">
  Submit
</button>

В ng-show абзаца вы использовали другое имя формы - headerForm. Имя формы - shareSelectionForm.

JavaScript, HTML, angularjs, твиттер-самозагрузки,
Похожие вопросы