Question

我有一个使用多个json-schema-form构建的注册表单。

我有参与者必须填写的基本细节，我有2个动态的部分表格。仅当管理员已为表单设置参数时，才会显示这两个表单。

     <div class="registration-form">
       <json-schema-form [model]="participantEventInfo" [schema]="json_custom_form" (isValid)="isEventFormValid($event)" (onChanges)="updateParticipantEventInfo($event)"></json-schema-form>
       <json-schema-form [model]="participantTixInfo" [schema]="json_tix_custom_form" (onChanges)="updateParticipantTixInfo($event)" (isValid)="isTixFormValid($event)"></json-schema-form>
       <button type="submit" [disabled]="!participantEventInfo.isValid && !participantTixInfo.isValid" (click)="updateEventandTixInfoRegistration()">Update</button>
     </div>

所以现在我有2个json-schema-form，一个用于事件信息，一个用于票证信息。我想禁用提交按钮，所以在我的提交按钮中，我想禁用buttton是否填充了架构表单。但是，根据我的代码，即使我填写所有表单字段，该按钮也始终被禁用。我正确地做了禁用部分吗？

感谢。

Answer 1

尝试检查这两个并禁用按钮

<button type="submit" [disabled]="!checkForm()" click)="updateEventandTixInfoRegistration()">Update</button>

checkForm(){
    if(document.forms[0].checkValidity() && document.forms[1].checkValidity()){
        return true;
    }
    else{
        return false;
    }
}

如果json-schema-form无效，则Angular4禁用按钮

1 个答案: