Question

我有一个带有两个选项卡的表单，用户应在两个选项卡中输入必填字段。如果我在表单中放置提交按钮，则在输入第一个选项卡详细信息后启用它但在第二个选项卡详细信息之前不应突出显示也输入了标签详细信息。如果我将按钮放在表单外部，则验证不起作用。有什么建议吗？

Answer 1

尝试这个，希望这可以帮助：

<form name="yourForm" ng-submit="submitForm(yourForm.$valid)" novalidate> /* Your inputs (say in two tabs) along with their validation */ <button type="submit" ng-disabled="yourForm.$invalid">Submit</button> </form>

这会使您的提交按钮被禁用，直到所有输入字段都有效

Answer 2

如果我理解正确，您只需要对两个输入进行验证检查，如果它们都填写了您可以按提交按钮。如果是这样的话，代码应该是直截了当的：

<form ng-submit="submit()" name="formName">
  <input name="inputName" ng-model="myInput" required>
  <input name="inputName2" ng-model="myInput2" required>
  <button ng-disabled="!(formName.inputName.$valid && formName.inputName2.$valid)">Submit</button>
</form>

如何禁用表单外的提交按钮

2 个答案: