Question

我使用角4和剑道角度。我有包含标签的表单。

map-get($map, $key)

在提交时，第一个选项卡处于活动状态，第二个选项卡未激活，第二个选项卡中的<form class="form-horizontal" #f="ngForm" (submit)="update(f.valid)" novalidate> <kendo-tabstrip> <kendo-tabstrip-tab [title]="'Main settings'" [selected]="true"> . . . </kendo-tabstrip-tab> <kendo-tabstrip-tab [title]="'Working time'"> <div class="col-md-12"> <div class="col-md-2"> <span> mail to</span> </div> <div class="col-md-10"> <input class="k-textbox" name="mailTo" [(ngModel)]="mailTo" required/> </div> <div class="col-sm-12" [hidden]="!f.submitted"> <small [hidden]="mailTo" class="text-danger">Please enter mail to</small> </div> </div> </kendo-tabstrip-tab> </kendo-tabstrip> <button kendoButton type="submit" [primary]="true">Save</button> </form>输入未验证且验证通过。可能是因为隐藏了第二个标签。有没有办法在非活动选项卡中验证输入？

Answer 1

如果包含[keepTabContent] =“true”，即使未选中该选项卡，这也将保留DOM中的所有选项卡内容。这样，当您按Save

时，所有输入验证器都在非活动选项卡上运行

<kendo-tabstrip [keepTabContent]="true">
    <kendo-tabstrip-tab [title]="'Main settings'" [selected]="true">
...

TabStrips中的Kendo角度形式验证

1 个答案: