文章/答案/技术大牛

发布

社区首页 >问答首页 >Jquery密码(4位数)验证

问Jquery密码(4位数)验证
EN

Stack Overflow用户

提问于 2014-04-29 11:30:18

回答 1查看 1.9K关注 0票数 0

我需要验证一个简单的引脚/密码表，然后能够提交如果正确。

如果密码错误，如何验证这个引号，以显示消息。如果密码是正确的，然后进入按钮和继续！任何帮助都将不胜感激。

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>

联署材料：

 $("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/

jquery

validation

javascript

回答 1

Stack Overflow用户

回答已采纳

发布于 2014-04-29 11:44:39

因此，您必须使用jQuery Ajax。

创建一个简单的PHP脚本，它将接受POST数据，这将是您的密码，如果密码匹配(例如与数据库匹配)或直接硬编码到PHP脚本，它将回显true，否则为false。如果您不使用PHP，并且将PIN存储在您的Javascript中，它将对其他人可见。

编辑：-这应该是根据您的设计工作。

<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>

联署材料：

$( 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";

编辑2: --如果您不想使用PHP，只用于原型化和玩它，您可以使用简单的检查，但它强烈地不受欢迎，因为每个人都可以看到代码中的传递：

联署材料：

$( 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');
    }
   });
});

票数 1

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/23363450

复制

相似问题

问Jquery密码(4位数)验证
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问Jquery密码(4位数)验证EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问Jquery密码(4位数)验证
EN