Javascript NGO的通用解决方案已禁用，仅限必填字段

因此，我从一个要求开始，如果所需字段未被填充，则禁用submit按钮

<form name="form">
  <input type="text" placeholder="First Name" data-ng-model="model.firstName" name="FirstName" ng-required="true" /><br/>
  <input type="text" placeholder="First Name" data-ng-model="model.lastName" name="lastname"  ng-required="true" /><br/>

  <button type="button" ng-disabled="form.$invalid">Submit</form>  

---

也许我遗漏了一些已经可用的功能。但是我认为，在所有必填字段被填充之前禁用submit按钮对于UX/UI来说是非常常见的事情。

AFAIK没有您提到的简单解决方案，您可以编写一个包含表单指令的指令，并在表单中设置一个标志（通过查看ng必填表单字段） 或者，在具有窗体的控制器中，有一个作用域函数，如

function disableSubmit() {
   return form.FirstName.$error.required || form.LastName.$error.required;
}

<button type="button" value="SAVE" ng-disabled="disableSubmit()">Submit</button>

函数禁用提交（）{
返回form.FirstName.$error.required | | form.LastName.$error.required；
}
提交

在这里添加@kubuntu的jsFiddle。

---

如果没有像您提到的那样简单的解决方案，您可以编写一个包含form指令的指令，并在form中设置一个标志（通过查看ng required form字段） 或者，在具有窗体的控制器中，有一个作用域函数，如

function disableSubmit() {
   return form.FirstName.$error.required || form.LastName.$error.required;
}

<button type="button" value="SAVE" ng-disabled="disableSubmit()">Submit</button>

函数禁用提交（）{
返回form.FirstName.$error.required | | form.LastName.$error.required；
}
提交

在这里添加@kubuntu的jsFiddle。

---

我认为将函数绑定到ng disabled不起作用。enableSubmit（）将始终计算为true@库本图，谢谢你纠正小提琴。我已经把它包括在答案中。我已经根据你在回复中提到的内容更新了一个新的提琴，但它不起作用。。。即使没有填充任何内容，禁用按钮仍然处于启用状态。我认为将函数绑定到ng disabled不起作用。enableSubmit（）将始终计算为true@库本图，谢谢你纠正小提琴。我已经把它包括在答案中。我已经根据你在回复中提到的内容更新了一个新的提琴，但它不起作用。。。即使未填充任何内容，禁用按钮仍处于启用状态

function disableSubmit() {
   return form.FirstName.$error.required || form.LastName.$error.required;
}

<button type="button" value="SAVE" ng-disabled="disableSubmit()">Submit</button>