javascript - 当输入值无效时如何禁用按钮

标签 javascript angularjs

我正在尝试禁用一个按钮,具体取决于 OptionsDisplayValue 中是否有一些文本(从而满足所需的依赖关系)

下面的内容似乎不起作用,我不完全确定为什么。当我编写 {{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>

我猜我对 ng-disabled 工作原理的理解是错误的。我使用了 ngDisabled 文档中的复选框示例,这似乎有效。

我将如何使用输入的有效性作为禁用因素?

最佳答案

使用错过了在 disable 末尾添加 d

它应该是ng-disabled而不是ng-disable

标记

ng-disabled="AddAttribute.OptionsDisplayValue.$invalid"

关于javascript - 当输入值无效时如何禁用按钮,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/31272407/

相关文章:

javascript - 尝试从 jQuery 提交异步调用时在有效 URL 上获取 404

javascript - 使用 Jquery/JavaScript 构建翻译功能?

javascript - 修改除一个之外的所有 $scope.thing

javascript - 取消以下 'then' 函数中的 $timeout 是否有效?

javascript - AngularJS 重复部分中多次调用的函数

javascript - 我如何从 html 表单获取输入并将其添加到 python 脚本中

javascript - console.log、Object.keys 和 Object.getOwnPropertyNames 之间的不一致

javascript - 类似 url 的 AngularJS 正则表达式路由以加载不同的 Controller 和 View

javascript - 一个简单的 Angular Directive(指令)不起作用

javascript - 我如何在每个下拉菜单项的每个类别下输出链接