Question

我的项目中有两种形式，我要在这里做的是，如果用户以第二种形式给定输入并且所有第一种形式的输入都为空，或者任何人输入为空，那么我就不想启用第二种形式的保存按钮。而且如果所有第二种形式的输入都为空，那么我也不想启用第二种形式的保存按钮，我做了类似的事情

<form id="formOne" #formOne="ngForm">
 <!--input tags-->
   <form id="formTwo" #formTwo="ngForm">
     <!--input tags-->
   </form><!-- end of formTow-->
</form><!--- end of formOne-->

提交第二种形式的按钮，我做了这样的事情：

<button type="button" [disabled]="!formOne.form.valid && !formTwo.form.valid " (click)="saveIt"/>

谢谢您的帮助

Answer 1

请尝试仅使用一种形式。如果您有不同的方案，请按照这种方式进行验证。

   <form  #formOne="ngForm">
    <!--input tags-->

    </form>

    <form  #formTwo="ngForm">
         <!--input tags-->
    </form>

    <button type="button" [disabled]="!formOne.valid && !formTwo.valid" (click)="saveIt()"/>

在Ts中：

@ViewChild('formOne') formOne: ngForm ;
@ViewChild('formTwo') formTwo: ngForm;

saveIt(){
{
//save form data.
}

角度-表单验证

1 个答案: