Hola y saludos lector.
Estoy creando un formulario de cambio de contraseña en mi pagina, y solicito 3 campos:
- contraseña original.
- Nueva contraseña.
- Verificar contraseña.
Ahora dentro de mi <form> quiero requerir que estos campos sean obligatorios, que el segundo campo tenga minimo 6 carácteres,
y que el ultimo campo sea igual al segundo campo antes de enviar los datos por ajax a un .php donde valido la primera contraseña y etc.
El punto es que necesito un atributo html5 nativo que me requiera que el campo 2 sea igual al campo 3. Por ejemplo a los anteriores:
Nueva contraseña :
<input type="password" id="clave2" class="form-control" name="clave2" required pattern=".{6,}" oninvalid="setCustomValidity('Campo obligatorio, debe contener minimo 6 caracteres')">
Repita la nueva contraseña :
<input type="password" id="clave3" class="form-control" name="clave3" required
oninvalid="setCustomValidity('Campo obligatorio, debe coincidir con la nueva contraseña')">
He probado con atributo equalTo="#clave2" .....pero no me funciona. Cual podria utilizar?.