相关疑难解决方法(0)

Angular - 没有表单标签的表单验证

我正在努力完成注册表。我必须在不使用 form 标签的情况下做到这一点。

我有这个注册表:

<div class="row">
    <div class="center col-xs-8 col-xs-offset-2">

        <p class="h5 text-center mb-4">{{ 'Signup' | translate }}</p>

        <div class="form-group">
            <label for="email">{{ 'SignupEmail' | translate }}</label>
                <input type="text" [(ngModel)]="user.email" class="form-control" [ngClass]="{ 'is-invalid': submitted && f.email.errors }" />
                <div *ngIf="submitted && f.email.errors" class="invalid-feedback">
                    <div *ngIf="f.email.errors.required">Email is required</div>
                    <div *ngIf="f.email.errors.email">Email must be a valid email address</div>
                </div>
            </div>
            <div class="form-group">
                <label for="username">{{ 'SignupUsername' | translate }}</label>
                <input type="text"  [(ngModel)]="user.name" class="form-control" [ngClass]="{ 'is-invalid': submitted && f.email.errors }" />
            </div>
            <div class="form-group">
                <label for="password">{{ …
Run Code Online (Sandbox Code Playgroud)

html forms angular

4
推荐指数
1
解决办法
2万
查看次数

标签 统计

angular ×1

forms ×1

html ×1