安全键盘

安全支付键盘插件,自定义时间弹出与关闭,风格简洁,模块独立,可以设置不同的密码位数,默认是六位。

参数作用:

调用参数 默认值 备注
num 6 一共有几位密码
title 输入密码 支付面板标题
msg 正在验证密码 提交密码时的提示信息
skin -- 给支付面板一个calss样式,便于修改(不建议修改)
links -- 密码列表下添加的连接,例如忘记密码等。
callback function(data) {} 输入密码最后一位时,自动触发该函数,data参数表示密码数组。

对象方法:

对象名 备注
obj.showKeyBoard(); 打开软键盘
obj.hideKeyBoard(); 关闭软键盘
obj.reset(msg); 面板重置密码,msg参数可选,例如ajax和后台密码对比完成后,如果错误可用msg来传递错误信息至面板,不传递msg只是重置功能。
提示:安全密码插件采用js方法模拟键盘,并提供ajax方法进行验证,请根据项目安全需要决定是否选用!

建议新窗口打开,使用Chrome浏览器或Firefox浏览器的开发者模式查看!
》 新窗口打开



实现代码


<script type="text/javascript">
	var mykeyboard = $.keyboard({
	    links: "忘记密码?",
	    callback: function(data) {
	        console.log(data);
	        setTimeout(function() {
	            mykeyboard.reset("支付密码错误,请重新输入!");
	        }, 3000)
	    }
	});
	$("input").focus(function() {
	    mykeyboard.showKeyBoard();
	    document.activeElement.blur();
	});
</script>