Проверка пароля JQuery (4-значный номер)

0

Мне нужно проверить простую форму PIN-кода и пароля, а затем иметь возможность отправить, если это правильно.

Как я могу проверить этот номер штырька Если неправильный пароль не отображает сообщение. если код доступа верен, то нажмите кнопку eneble и продолжайте! Любая помощь приветствуется.

HTML:

<form>
    <input type="password" maxlength="1" id="" name="pass" />
    <input type="password" maxlength="1" id="" name="pass" />
    <input type="password" maxlength="1" id="" name="pass" />
    <input type="password" maxlength="1" id="" name="pass" />
    <input type="submit" value="submit" id="submit" disabled="disabled" />
</form>

JS:

 $("form").validate({
        rules: {
            pass: {
                required: true,
                minlength: 4,
                equalTo: "0000"
            }
        },
        messages: {
            pass: {
                required: "Please provide a PIN DIGIT",
                minlength: "Please enter at least 4 numbers"
            }
        }
    });

http://jsfiddle.net/E4Gz6/

  • 0
    идентификатор должен быть уникальным
  • 0
    @EOF спасибо, да, ты совершенно прав! Я только что удалил это
Показать ещё 2 комментария
Теги:
validation

1 ответ

0
Лучший ответ

Для этого вам нужно будет использовать jQuery Ajax.

Создайте простой PHP-скрипт, который будет принимать POST-данные, которые будут вашим паролем, и если пароль совпадает, например, с вашей базой данных или напрямую жестко привязан к скрипту PHP, он будет эхо-true, иначе false. Если вы не будете использовать PHP, и вы сохраните PIN-код в своем Javascript, он будет виден для других.

EDIT: Это должно работать в соответствии с вашим дизайном.

<form>
<input type="password" maxlength="1" id="digit1" class="pass" />
<input type="password" maxlength="1" id="digit2" class="pass" />
<input type="password" maxlength="1" id="digit3" class="pass" />
<input type="password" maxlength="1" id="digit4" class="pass" />
<input type="submit" value="submit" id="submit" disabled="disabled" />
</form>

JS:

$( document ).ready(function() {

 $(".pass").keydown( function() {
 pass=$("#digit1").val() + $("#digit2").val() + $("#digit3").val() + $("#digit4").val();
  $.ajax({
   type: "POST",
   url: "passCheck.php",
    data: "password="+pass,
    success: function(html){    
    if(html=='true')    {
         $("#submit").removeAttr("disabled");
    }
    else    {
         $("#submit").attr('disabled','disabled');

    }
   },

  });
});   

});

PHP: (на всякий случай)

$pass = $_POST["password"];

if ($pass == "1234")
echo "true";
else
echo "false";

EDIT 2: Если вы не хотите использовать PHP и Ajax, просто для прототипирования и игры с ним, вы можете использовать простую проверку, но ее сильно не рекомендуется, так как каждый может увидеть проход в коде:

JS:

$( document ).ready(function() {

 $(".pass").keydown( function() {
 pass=$("#digit1").val() + $("#digit2").val() + $("#digit3").val() + $("#digit4").val();

 correctPass = "1234";  
    if(pass==correctPass)    {
         $("#submit").removeAttr("disabled");
    }
    else    {
         $("#submit").attr('disabled','disabled');
    }
   });
});
  • 0
    Спасибо за вашу помощь! да, я не использую php, поскольку я сейчас создаю прототипы. Так что вы могли бы изменить свой сценарий с "onKeyDown", пожалуйста?
  • 0
    Но эта концепция все равно будет легко взломана. Если вы хотите что-то серьезное, обязательно проверьте пароль также с помощью скрипта после его отправки. Поскольку его легко удалить «отключенный» атрибут прямо в браузере, а затем нажмите кнопку «Отправить».
Показать ещё 4 комментария

Ещё вопросы

Сообщество Overcoder
Наверх
Меню