禁用未完成表单的提交按钮无效。

25 浏览
0 Comments

禁用未完成表单的提交按钮无效。

我有一个表单，你可以在其中添加一个人到列表中。然而，为了能够点击“提交”按钮，输入框中必须有文本。然而，这个功能目前不能正常工作。我希望有人能告诉我我做错了什么。谢谢。

0

1 答案

0 Comments

问题的出现原因：使用ng-class="{disabled: addName()}"来禁用提交按钮，但是addName()方法不会执行。

解决方法：使用ng-class="{disabled: addForm.$invalid}"来禁用提交按钮，并确保所有字段都填写完整。

在超链接中没有disabled属性可以使用。你可以这样做：

.disabled {
  cursor: not-allowed;
}


Add


$scope.disabled = function() {
  if($scope.addName) { return false;}
}

只是一个问题，你不能只使用`ng-class="{disabled: addForm.$invalid}"`吗？

是的，你也可以使用这个。这只是一个快速的示例。

谢谢回复。修复了只有当所有字段都填写完成时提交按钮才能工作的问题。但是addName()方法没有执行。

0