В этом уроке я покажу вам, как проверить пароль и подтвердить пароль с помощью jquery. Проверка является основной и важной функцией для аутентификации пользователя.

Итак, здесь я приведу вам пример пароля и подтвержу проверку пароля с помощью jquery. В процессе регистрации пользователя нам необходимо подтвердить пароль и подтвердить проверку пароля для перекрестной проверки.

Итак, давайте посмотрим, как сопоставить пароль и подтвердить пароль при проверке jquery или как проверить пароль и подтвердить пароль с помощью jquery.

В jquery мы используем событие keyup, чтобы проверить, совпадают ли пароль и подтверждение пароля или нет.

<html>
  <body>
      <head>
        <meta charset="utf-8">
        <title>How To Validate Password And Confirm Password Using JQuery - techsolutionstuff.com</title>
        <link href="https://stackpath.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap.min.css" rel="stylesheet">
        <script src="https://code.jquery.com/jquery-3.5.1.min.js"></script>
        <script src="https://stackpath.bootstrapcdn.com/bootstrap/3.4.1/js/bootstrap.min.js"></script>
      </head>
      <div class="row">
        <div class="col-md-6 col-md-offset-3"> 
<h4 style="margin-top:50px;"><b>How To Validate Password And Confirm Password Using JQuery - techsolutionstuff.com</b></h4><br />
            Enter Password <input type="password" class="form-control" id="Password" placeholder="Enter a password" name="password"><br /> <br / >
            Enter Confirm Password <input type="password" class="form-control" id="ConfirmPassword" placeholder="Enter a Confirm Password" name="confpassword" >
            <div style="margin-top: 7px;" id="CheckPasswordMatch"></div>
        </div>
      </div>
  <body>
</html>
<script>
$(document).ready(function () {
   $("#ConfirmPassword").on('keyup', function(){
    var password = $("#Password").val();
    var confirmPassword = $("#ConfirmPassword").val();
    if (password != confirmPassword)
        $("#CheckPasswordMatch").html("Password does not match !").css("color","red");
    else
        $("#CheckPasswordMatch").html("Password match !").css("color","green");
   });
});
</script>

Читайте также: Как сгенерировать штрих-код в Laravel

И вы получите вывод, как показано ниже.

Вам также могут понравиться: