Estoy trabajando en la página de inicio de sesión de Angular 2, cuando intento validar el campo de entrada con el atributo de validación de HTML 5 requerido, no funciona, mientras que en el proyecto de inicio rápido funciona bien. ¿Alguien podría explicar por qué no funciona y cómo resolver este problema?
Plunker enlace de mi código En Plunker, valida pero en mi proyecto no funciona.
código app.component.html a continuación,
<form class="login-form"> <input type="text" name="usrname" placeholder="Username" required/> <input type="password" name="pwd" placeholder="Password" required> <input type="submit"> </form>A partir de la versión 4.0.0, Angular agrega automáticamente "novalidate" al formulario. Cambie este nuevo comportamiento predeterminado usando:
<form ngNativeValidate>...</form>Problema de Github aquí: https://github.com/angular/angular/issues/15531#issuecomment-289555359
<form class="login-form" novalidate> <input type="text" name="usrname" placeholder="Username" required="required"> <input type="password" name="pwd" placeholder="Password" required="required"> <button type="submit">Submit </button> </form>elimine novalidate de la etiqueta de su formulario para habilitar la validación html5
<form class="login-form" >Si usa novalidate en su etiqueta de formulario, la validación no ocurrirá, ya que la palabra clave novalidate es para cuando no desea la validación html5 predeterminada y desea implementar su propia validación, lo que significa que tiene que usar novalidate de lo contrario. no lo necesito