Saltar al contenido

cómo validar la contraseña y confirmar la contraseña en el ejemplo de código de bootstrap 5

Posterior a de una extensa selección de información resolvimos este disgusto que tienen muchos los usuarios. Te compartimos la solución y esperamos serte de mucha apoyo.

Ejemplo: contraseña del validador de arranque y confirmación de contraseña

//Declarative Usage<form id="identicalForm"class="form-horizontal"
    data-bv-feedbackicons-valid="glyphicon glyphicon-ok"
    data-bv-feedbackicons-invalid="glyphicon glyphicon-remove"
    data-bv-feedbackicons-validating="glyphicon glyphicon-refresh"><div class="form-group"><label class="col-sm-3 control-label">Password</label><div class="col-sm-5"><input type="password"class="form-control" name="password"
                data-bv-identical="true"
                data-bv-identical-field="confirmPassword"
                data-bv-identical-message="The password and its confirm are not the same"/></div></div><div class="form-group"><label class="col-sm-3 control-label">Retype password</label><div class="col-sm-5"><input type="password"class="form-control" name="confirmPassword"
                data-bv-identical="true"
                data-bv-identical-field="password"
                data-bv-identical-message="The password and its confirm are not the same"/></div></div></form><script>$(document).ready(function()$('#identicalForm').bootstrapValidator(););</script>//Htmk Usage<form id="identicalForm"class="form-horizontal"><div class="form-group"><label class="col-sm-3 control-label">Password</label><div class="col-sm-5"><input type="password"class="form-control" name="password"/></div></div><div class="form-group"><label class="col-sm-3 control-label">Retype password</label><div class="col-sm-5"><input type="password"class="form-control" name="confirmPassword"/></div></div></form>$(document).ready(function()$('#identicalForm').bootstrapValidator(
        feedbackIcons:
            valid:'glyphicon glyphicon-ok',
            invalid:'glyphicon glyphicon-remove',
            validating:'glyphicon glyphicon-refresh',
        fields:
            password:
                validators:
                    identical:
                        field:'confirmPassword',
                        message:'The password and its confirm are not the same',
            confirmPassword:
                validators:
                    identical:
                        field:'password',
                        message:'The password and its confirm are not the same'););

Nos puedes patrocinar nuestra publicación poniendo un comentario y dejando una valoración te damos las gracias.

¡Haz clic para puntuar esta entrada!
(Votos: 0 Promedio: 0)



Utiliza Nuestro Buscador

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *