Question

我试图使用混合的html和php来让网页有一个像你在读卡器和安全锁上找到的键盘。这将重定向到html页面，供人们访问里面的页面。我现在正在使用html重定向

<a href="file location on server">
<img src="keypad1" alt="" width="42" height="42" border="0">
</a>

必须有一种方法，我可以使用PHP来听取按钮的点击，然后等到下一个按钮，而不是说正确或错误的代码，直到按下＃键。在此时按下每个键之后，代码重定向到另一个页面并等待下一个键。如果它的错误，它会加载相同的页面，直到按下＃，这只是编程返回另一个页面说错误。并再次启动密码过程。我不希望人们只是点击f12并找出代码，这就是为什么即时通讯思考php，如果代码可能是从网站html代码外部。如果代码不在他们面前，没有人会有智能来解决代码的位置。关于方式的任何建议？

Answer 1

PHP是一种脚本语言，仅在服务器端执行。您在浏览器上获得的结果是HTML，CSS和JavaScript的混合，基于您在该页面上使用的内容。

PHP永远不会知道浏览器上发生了什么，除非您每次在浏览器上发生任何事情时都通知服务器。例如点击，鼠标移动，焦点，模糊，按键，键盘，所有这些都是可以使用JavaScript跟踪的事件。

当您尝试开发看起来像读卡器键盘（http://www.govgroup.com/images_products/2407014_big.jpg）的安全程序时，对吗？除非按下＃按钮，否则您可以使用JavaScript跟踪每个按钮。你可以快速使用jQuery和易于实施。

您可以将每个按钮单击存储在JavaScript变量中，当按下＃键时，您可以将整个代码发送到php进行验证，如果代码正确，您可以重定向到成功页面，否则如果代码失败，您可以显示相同的键盘登录页面再次显示错误消息。

请查看以下示例，了解如何收听按钮点击以及如何存储值。这只是一个例子，您可以根据需要扩展逻辑。

var buttons_pressed="";

jQuery('ul li').click(function(){
    if(jQuery(this).text() === '#'){
        alert(buttons_pressed);
        buttons_pressed="";
    }else{
        buttons_pressed += jQuery(this).text();
    }
})

See @ JSFiddle

用于键盘密码的php与图像

1 个答案: