Как не обойти обязательные поля при routerLink - PullRequest
Новая
       14

Как не обойти обязательные поля при routerLink

0 голосов
/ 06 мая 2019

routerLink выполнить и пропустить мои обязательные поля для отправки. 

      <label for="Användarnamn">Användarnamn och lösenord</label>
      <input type="text" id="Användarnamn" name="Användarnamn" placeholder="Skriv in ditt användarnamn." required>
      <input type="text" id="Lösenord" name="Lösenord" placeholder="Skriv in ditt lösenord." required>
      <input type="submit" routerLink="WAPPEASY">
    </form>

1 Ответ

0 голосов
/ 06 мая 2019

Вместо routerLink вы можете использовать событие щелчка и проверить, чтобы убедиться, что есть ответы, прежде чем отправлять их как таковые

HTML: 

<form>
  <label for="Användarnamn">Användarnamn och lösenord</label>
  <input type="text" id="Användarnamn" name="Användarnamn" placeholder="Skriv in ditt användarnamn." required>
  <input type="text" id="Lösenord" name="Lösenord" placeholder="Skriv in ditt lösenord." required>
  <input type="submit" (click)="onSubmit()">
</form>

TS: 

import { Component } from '@angular/core';

@Component({
selector: 'my-app',
templateUrl: './app.component.html',
styleUrls: [ './app.component.css' ]
})

export class AppComponent  {
... WhatEver else in the component

onSubmit(){
   if ((
    <HTMLInputElement>document.getElementById('Användarnamn')).validity.valid 
    && (<HTMLInputElement>document.getElementById('Lösenord')).validity.valid ) 
    {
        this.router.navigateByUrl('WAPPEASY');
    } 
}

StackBlitz URL в действии

...