Angular JS 提交按钮启用禁用 $invalid

【问题标题】：Angular JS submit button enable disable on $invalidAngular JS 提交按钮启用禁用 $invalid
【发布时间】：2015-09-11 15:46:16
【问题描述】：

我正在根据 $invalid 在我的表单中启用和禁用提交按钮。我的表格开始日期和结束日期中有两个日期。我应该如何/在哪里将 $invalid 设置为 true 或 false

代码sn-p：

<p ng-show="formName.endTime <= formName.startTime " class="help-block">
  <img src="img/warn.png">End Date should always be greater than Start Date.
</p>

【问题讨论】：

标签： angularjs

【解决方案1】：

你能在这里看演示吗http://plnkr.co/edit/msVjtQsqUFMuRliIMwVC?p=preview 在这种情况下，您必须检查 formName.$invalid 喜欢

<form name="myForm" ng-controller="FormController" class="my-form">
 from: <input name='fromDate' type='date' ng-model="fromDate" required> 
  to: <input type="date" name="toDate" ng-model="toDate" required>
 <input type="submit" ng-disabled="myForm.$invalid" value="Upload" />
</form>

希望对你有帮助

【讨论】：

我想检查一下，如果“结束日期”小于“开始日期”，那么提交按钮应该被禁用，这在您的演示中没有发生