Javascript 非常基本的示例-启用或禁用按钮
我有一个非常基本的例子。这也应该适用于多个输入 我想要一个没有任何必需参数的表单。但我只想在至少有一个按钮不是空的情况下启用该按钮Javascript 非常基本的示例-启用或禁用按钮,javascript,angularjs,angularjs-forms,Javascript,Angularjs,Angularjs Forms,我有一个非常基本的例子。这也应该适用于多个输入 我想要一个没有任何必需参数的表单。但我只想在至少有一个按钮不是空的情况下启用该按钮 $pristine几乎可以正常工作问题是,如果我键入某个内容并将其删除,按钮将保持启用状态。 基本上 如果所有字段均为空->按钮禁用 否则,如果至少有一个非空->按钮已启用 函数ctrl($scope){ } {{name}} {{myForm.$pristine}} 原始检查输入字段是否被触摸。这就是为什么在删除输入后它仍处于启用状态。检查是否有效,并提供一些
$pristine
几乎可以正常工作问题是,如果我键入某个内容并将其删除,按钮将保持启用状态。
基本上
如果所有字段均为空->按钮禁用
否则,如果至少有一个非空->按钮已启用
函数ctrl($scope){
}
{{name}}
{{myForm.$pristine}}
原始检查输入字段是否被触摸。这就是为什么在删除输入后它仍处于启用状态。检查是否有效,并提供一些条件。或者使用pattern和regex。使用disabled=“!name.length”
而不是ng disabled=“myForm.$pristine”
这会解决你的问题。以下是工作代码:
函数ctrl($scope){
}
{{name}}
{{myForm.myName.$pristine}}
带有'required':
函数ctrl($scope){
}
{{name}}
这是一种简单的方法,但您可以在ng disabled中使用每个输入的ng模型
{{name}}
{{myForm.$pristine}}
为什么不发表评论?这不是一个解决方案Remove ng required=true我想要一个没有任何必填项的表单parameters@user10111311请核对我的答案。当您必须从控制器进行控制时,我已进行了更新。@user10111311在没有必需参数的情况下编辑了答案。@user10111311使用name.length
添加了最后一个代码段。看一看