Html 不完整表单的“提交”按钮无效

我有一个表格，你可以把一个人添加到列表中。但是，输入框中必须有文本才能按“提交”按钮。然而，这是行不通的。我希望有人能告诉我我做错了什么。谢谢

<nav class = "main-navigation" role='navigation'>
      <form name = "addForm">
      <ul>
        <li style= "font-size: 20px;">Name</li>
        <input type = "text" name = "Name" size = "40" class = "box1" ng-model = "input" required/>

        <li style= "font-size: 20px;">Number</li>
        <input type = "text" name = "Number" size = "40" class = "box2" ng-model = "input2" required/>

        <li style= "font-size: 20px;">Appointment Date</li>
        <input type = "text" name = "Date" size = "40" class = "box3" ng-model = "input3" required/>

        <li ><a href = '#' style = "text-decoration: none; color: inherit;" class = "button" ng-disabled="addForm.$invalid" ng-click = "addName()" >Submit</a>
          <a href = '#' style = "text-decoration: none; color: inherit;" class = "cancel">Cancel</a>
        </li>
      </ul>
    </form>

    </nav>

名称
编号
预约日期

超链接没有禁用的属性。您可以这样做：

.disabled {
  cursor: not-allowed;
}

<a ng-click="disabled()" ng-class="{disabled: addName()}">Add</a>

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

。已禁用{
光标：不允许；
}
添加
$scope.disabled=函数（）{
如果（$scope.addName）{return false；}
}

您不能在标签上使用禁用的ng。仅在按钮或输入上。可能只是一个问题的重复，您不能只使用

ng class=“{disabled:addForm.$invalid}”

？是的，您也可以使用此选项。这只是一个简单的例子。感谢您的回复。这修复了提交按钮仅在所有字段都已填写时才起作用的问题。但是，addName（）不会运行。