如果文本字段和按钮不在同一表单标记中,则验证不起作用

validation is not working if text field and button are not in the same form tag

本文关键字:不起作用 验证 表单 字段 文本 按钮 如果      更新时间:2023-09-26

在表单标签中有一个文本字段和按钮。如果我不输入数据的形式验证应该工作,并给出一个弹出窗口,这是工作良好。

但是,如果我有按钮外的形式,验证不工作。有人能帮我解决这个问题吗?

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

谢谢

验证不需要按钮,如果没有输入,它将自动验证:

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