PHP 用于带图像的键盘密码


php for keypad password with images

im 尝试混合使用 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 代码外部。如果代码不在他们面前,没有人会有智慧来计算代码在哪里。有什么建议吗?

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

请参阅 @ JSFiddle