Мне нужно проверить простую форму 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"
}
}
});
Для этого вам нужно будет использовать 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');
}
});
});