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

Question

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

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

JSfiddel: 

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

Благодаря

Answer 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> 

DEMO