javascript - 禁用提交按钮作为默认状态，直到所有输入都填充到 Angular js 中

Question

我正在尝试禁止提交表单，直到填写所有字段。

我尝试在按钮中添加disable选项，但不起作用。

这是表格:

<form id="contactForm" name="contactForm" novalidate>
    <input type="text" name="contactName" id="contactName" placeholder="Nombre" data-ng-model="cu.contactName" ng-model-options="{ updateOn: 'blur' }" required autofocus>
    <span style="color:red" ng-show="contactForm.contactName.$dirty && contactForm.contactName.$invalid">
        <span ng-show="contactForm.contactName.$error.required">El nombre es requerido.</span>
    </span>

    <button class="hvr-bounce-to-right" type="submit" ng-disabled="contactForm.contactName.$dirty && contactForm.contactName.$invalid" name="submit-form" ng-click="cu.sendMail()">Enviar mensaje &ensp; <span class="icon flaticon-envelope32"></span></button>
</form>

现在，当我开始输入时，按钮会被禁用，然后删除输入中的所有内容，当我尝试单击时，它会被禁用，但我想要的是，按钮从一开始就被禁用，然后当您填写时输入被解锁或取消禁用(如果这是一个单词)。

请帮忙，谢谢!

Answer 1

Angular 文档实际上对于表单状态处理来说相当不错:

https://docs.angularjs.org/guide/forms

检查倒数第二个示例，如果电子邮件无效，他们会显示一条消息。