Javascript 如果文本字段和按钮不在同一表单标记中，则验证无效

我在表单标签中有一个文本字段和按钮。如果我不在表单中输入数据，验证应该可以工作并弹出一个窗口，这很好

但是，如果我在表单外有按钮，则验证不起作用。能否帮助我解决此问题

JSfiddel:

---

谢谢

无需使用按钮进行验证，如果没有输入，它将自动验证：

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

提交
输入的有效状态为：

{{myForm.myInput.$valid}

---

警告消息说，如果不在问题中添加代码，就不应该链接到JS FIDLE，这并不意味着你应该将一段随机文本标记为代码。你的实时演示不会演示你描述的问题。它只是抛出错误

角度未定义

。