懒人之家--可能是JS网页特效代码收集最全的懒站!
更多

js仿手机支付宝输入支付密码特效

作者/代码整理:  (转载请附加本文地址,带有“懒人原生”字样的谢绝转载) 发布日期:2017-03-22
js仿手机支付宝输入支付密码特效是一款移动端六位密码输入框代码下载。


js代码

<script src="passwordBox.min.js"></script>
<script>
window.onload=function(){
	/**
	 * init传入参数依次是:正确密码(传空时不对比输入是否正确),密码键盘背景,标题,副标题
	 * */
	PwdBox.init('123456','img/pwd_keyboard.png','请输入支付密码','安全支付环境,请放心使用!');
	/**
	 *res格式:{status:'true或false',password:'用户输入的密码'}
	 *
	 */
	PwdBox.show(function(res){
		if(res.status){
			//重置输入
			alert('密码正确');
			//关闭并重置密码输入
			PwdBox.reset();
		}else{
			alert(JSON.stringify(arguments));
		}
	});
};
</script>