ng form依赖于另一个字段的验证

时间:2015-07-02 17:47:51

标签: javascript angularjs forms validation angularjs-ng-form

我有一个有角度的形式,我有两个输入字段,一个用于表单,一个用于电子邮件。

我想要电子邮件或电话,我该怎么做?

我尝试做:ng-reqired="myForm.phone.$invalid",但是当你输入其中一个字段(并且两个字段都变为有效)时,这似乎不起作用,所以即使在删除输入后,两个输入仍然有效,(因为phone生效后,email生效。

这是我的JSfiddle:Js Fiddle

通过ng-required="myForm.email.$viewValue == ''"我有一个短期解决方案,但我正在寻找一个更好的解决方案。

因为这只会检查其他字段是否为空,我确实想检查它是否有效,例如,当用户是无效的电子邮件地址时,是否需要电话。

1 个答案:

答案 0 :(得分:1)

您可以将ng-required="!form.phone && !form.email"用于两个文本字段。

这意味着当两个模型都为空时,为该输入设置required,否则取消设置。