Html ng已禁用,不适用于多个输入
我有下面的html表单Html ng已禁用,不适用于多个输入,html,angularjs,Html,Angularjs,我有下面的html表单 <form name="enviarAutorizacao" id="enviarAutorizacao" novalidate> <label class="form-label-gray">autorization</label> <input class="form-control col-sm-6" ng-model="current.autorizacao" id="autorizacao" ui-mask=""
<form name="enviarAutorizacao" id="enviarAutorizacao" novalidate>
<label class="form-label-gray">autorization</label>
<input class="form-control col-sm-6" ng-model="current.autorizacao" id="autorizacao" ui-mask="" maxlength="20" required>
<div class="form-group col-sm-8">
<label class="form-label-gray"> Value </label>
<div class="form-group col-sm-2 form-label-gray">
<label>$</label>
</div>
<div class="form-group col-sm-9">
<input class="form-control" maxlength="16" ng-model="current.valor" required id="valor">
</div>
</div>
<div class="form-group col-sm-12">
<button class="btn btn-default" ng-disabled="enviarAutorizacao.$invalid || enviarAutorizacao.$pristine" id="submit-representante-estabelecimento" ng-click="validateAssociate()">click me</button>
</div>
</form>
我正在尝试启用submit按钮,仅当2个输入已填充时才启用,但当我键入第一个输入自动编辑时,它正在启用
我尝试了一些替代方案,比如更改ng disabled=EnviaRautorizaco。$invalid到ng disabled=!EnviaRautorizaco.$有效,但不起作用
此html有什么问题?请尝试单独使用实际输入的ID作为ng disabled的参数 或者,您可以检查current.autorizao和current.valor的有效性并使用它们。如果您使用enviraautorizaco.autorizao。$invalid,您将知道autorizao输入是否无效
[form id].[input name].[$valid or $invalid or $dirty...]
因此,您的代码应该如下所示:
我更改了输入的名称并禁用了提交的ng
在这里工作很好:。因此,我猜测ui掩码指令有问题。@JBNizet我试图删除ui掩码,但仍然不起作用:/发布一个完整的最小示例,用一个plunkr重现问题。正如你所看到的,我复制并粘贴了你发布的代码,但我无法复制这个问题。它工作完全正常。仅当用户在两个输入上键入时,该按钮才启用。
<form name="enviarAutorizacao" id="enviarAutorizacao" novalidate>
<label class="form-label-gray">autorization</label>
<input class="form-control col-sm-6" ng-model="current.autorizacao" id="autorizacao" ui-mask="" maxlength="20" name="autorizacao" required>
<div class="form-group col-sm-8">
<label class="form-label-gray"> Value </label>
<div class="form-group col-sm-2 form-label-gray">
<label>$</label>
</div>
<div class="form-group col-sm-9">
<input class="form-control" maxlength="16" ng-model="current.valor" required id="valor" name="valor">
</div>
</div>
<div class="form-group col-sm-12">
<button class="btn btn-default" ng-disabled="enviarAutorizacao.autorizacao.$invalid || enviarAutorizacao.valor.$invalid" id="submit-representante-estabelecimento" ng-click="validateAssociate()">click me</button>
</div>
</form>