Question

我有几个输入文本字段，我在其上应用了必需和模式，我使用<a>和ng-click保存更改，样式在UI上运行良好，当输入值不满足元素变为红色的要求，但用户仍然可以单击<a>。我希望能够做两件事之一，当输入元素无效时禁用<a>或在saveinfo（）函数中禁用{我想要能够验证输入值而不必重复模式和/或要求。

这是html的样子：

<input type="text" ng-model="Name" required pattern="[a-zA-Z -]+" />
<input type="text" ng-model="Description" required />
<a ng-click="saveinfo()"><img src="./img/save.svg" /></a>

Answer 1

您可以在锚标记上使用ng-disabled='formName.$invalid'，例如formName是表格<form name="formName"></form>的名称

<a ng-disabled='formName.$invalid' ng-click="saveinfo()"><img src="./img/save.svg" /></a>

或者你可以在函数内检查它

    $scope.saveinfo= function(isValid) {

       // check to make sure the form is completely valid
      if (isValid) {
        alert('our form is amazing');
      }

    };

<a ng-click="saveinfo(formName.$valid)"><img src="./img/save.svg" /></a>

输入文本需要模式一个href

1 个答案: