Fatal编程技术网
  • javascript/
  • Javascript 如何在输入值无效时禁用按钮

Javascript 如何在输入值无效时禁用按钮

javascript angularjs

Javascript 如何在输入值无效时禁用按钮,javascript,angularjs,Javascript,Angularjs,我试图禁用一个按钮，这取决于选项displayValue中是否包含一些文本（因此满足所需的依赖项） 下面的内容似乎不起作用，我也不完全确定原因。当我写{{AddAttribute.OptionsDisplayValue.$invalid}}时，它返回true 所以我认为ng disabled=“true”会起作用 <html ng-app> <body> <form id="AddAttribute" name="AddAttribu

我试图禁用一个按钮，这取决于
选项displayValue
中是否包含一些文本（因此满足所需的依赖项）

下面的内容似乎不起作用，我也不完全确定原因。当我写
{{AddAttribute.OptionsDisplayValue.$invalid}}
时，它返回true

所以我认为
ng disabled=“true”
会起作用

<html ng-app>    
    <body>
        <form id="AddAttribute" name="AddAttribute">
            <input type="text" class="form-control" 
              placeholder="Display Name" required="required" 
              ng-model="OptionsDisplayValue" 
              id="OptionsDisplayValue" name="OptionsDisplayValue" />

            <input type="button" class="btn btn-primary" value="Add" 
              id="AddOption" name="AddOption" 
              ng-model="AddOption" 
              ng-disable="AddAttribute.OptionsDisplayValue.$invalid" />

            {{AddAttribute.OptionsDisplayValue.$invalid}}
        </form>
    </body>
</html>


{{AddAttribute.OptionsDisplayValue.$invalid}
我猜我对ng残疾人如何工作的理解是错误的。我使用了ngDisabled docs中的复选框示例，这似乎有效

如何使用输入的有效性作为禁用因子？

您的代码使用的是
ng disable
，这是实际指令
ng disabled
的拼写错误，这是实际指令的拼写错误。
ng disabled

Use have have miss to add
d
from
disabled

它应该是
ng disable
而不是
ng disable

Markpup

ng-disabled="AddAttribute.OptionsDisplayValue.$invalid"
使用have missed在
disable

它应该是
ng disable
而不是
ng disable

Markpup

ng-disabled="AddAttribute.OptionsDisplayValue.$invalid"
@isherwood感谢您的编辑。@谢谢，我太瞎了。没问题！当然，这是一个容易犯的错误make@isherwood谢谢你的编辑。@谢谢，我太瞎了。没问题！当然，这是一个容易犯的错误