隐藏的输入字段导致模式形式无效

时间:2015-10-08 09:50:36

标签: javascript angularjs validation

我有一个角度js应用程序,我有一个模态表单来捕获付款细节。我正在使用角度必需属性验证输入字段,如下所示。

server name

根据用户选择,某些字段可见。我的要求是只使用required属性验证可见字段。但看起来甚至隐藏的输入都被验证了。仅当整个表单有效时,才会启用我的提交按钮。如何告诉angular不验证隐藏字段。 http://plnkr.co/edit/8REV5ai52QylxuBbYCrn?p=preview

我还有一个问题是无法通过在输入字段上显示红色边框来指示用户我的下拉列表也是强制性的。

1 个答案:

答案 0 :(得分:0)

如果输入是否可见,则验证无关紧要。因此,请尝试使用 ngIf 代替 ngShow

<强> UPD

对于选择突出显示,您可以使用与输入相同的方法(使用ngClass指令设置类),但Bootstrap没有选择元素的错误样式,因此您应该定义自己的(或者您可以只扩展它)你用得少了)

例如

select.has-error{ border: 1px solid #a94442;}

http://plnkr.co/edit/FMLxDKBkPkuHmtEvzMrL?p=preview