Блог

Главная - Вопросы по программированию - проверка не работает, если текстовое поле и кнопка не находятся в одном теге формы

проверка не работает, если текстовое поле и кнопка не находятся в одном теге формы

#javascript #html #node.js #twitter-bootstrap

#javascript #HTML #node.js #twitter-bootstrap

Вопрос:

У меня было текстовое поле и кнопка внутри тега формы.Если я не ввожу данные в форму, проверка должна сработать и выдать всплывающее окно, которое работает нормально.

Но если у меня есть кнопка вне формы, проверка не работает. может кто-нибудь помочь мне, как это исправить.

 JSfiddel:

https://jsfiddle.net/h5q8q5mu/15/

Спасибо

Комментарии:

1. Предупреждающее сообщение о том, что вы не должны ссылаться на JS Fiddle без ввода кода в вопрос, не означает, что вы должны пометить случайный фрагмент текста как код.

2. В любом случае, ваша живая демонстрация не демонстрирует проблему, которую вы описали. Он просто выдает ошибку angular is not defined .

Ответ №1:

Нет необходимости иметь кнопку для проверки, она автоматически проверит, если нет ввода:

 <div ng-app="app" ng-controller="ctrl">
  <form name="myForm">
    <input type="text" name="myInput" ng-model="txt" required>
  </form>
  <button ng-click="submit()">Submit</button>
  <p>The input's valid state is:</p>
  <h1>{{myForm.myInput.$valid}}</h1>
</div>

ДЕМОНСТРАЦИЯ

Метки: ,