0

您好我正在尝试在单击按钮时调用 validate(ngNativeValidate) 函数。

我的表格看起来像:

<form #myForm="ngForm" (ngSubmit)="addEndpoint(myForm.value);" ngNativeValidate>
        <section class="form-block">
            <div class="form-group">
                <input type="text" placeholder="name" name="name" [(ngModel)]="myData.name" [hidden]="true">
            </div>
            </section>
        <button type="button" class="btn btn-outline" (click)="testEndpoint(myForm.value);">TEST CONNECTION</button>
        <button type="submit" class="btn btn-primary" [disabled]="disableSubmit">SUBMIT</button>
    </form>

SUBMIT按钮的验证按预期工作。TEST CONNECTION即使对于按钮,我也想要相同的行为。但不想提交表单。我该怎么做?我认为会有一些方法来调用验证器函数点击事件。任何帮助表示赞赏。谢谢!提前。

编辑:testEndpoint是一个后端调用函数。

4

1 回答 1

0

在反应式表单中,如果您尝试使用“测试连接”按钮检查用户输入,则可以使用表单的“有效”和“触摸”属性向用户显示反馈。

因此,如果表单无效并且按钮提交禁用,您可以跳过“测试连接”按钮并直接输出以下范围:

<button type="submit" class="btn btn-primary" [disabled]="disableSubmit">SUBMIT</button>
<span *ngIf="!myForm.valid && myForm.touched" class="help-block">Please enter valid data!</span>

希望能帮助到你!

于 2019-02-04T11:09:03.703 回答