验证码无刷新更换

上次说道thinkphp显示验证码，这次来说说验证码的更换

更换验证码，必须是点击文字或点击图片本身，由于是无刷新，所以这里用jquery的异步请求无刷新验证

在html中标记验证码的图片ID：

<img id="verifyImg" src="__MODULE__/Register/verifyImg">

需要先应用jquery文档：

<span style="white-space:pre">		</span><script type="text/javascript">
			var publicPath = "__PUBLIC__";
			var appPath = "__MODULE__";
		</script>
		<script type="text/javascript" src="__PUBLIC__/common/jquery-1.7.1.js"></script>
		<script type="text/javascript" src="__PUBLIC__/home/js/register.js"></script>

注：上面的两个变量声明是因为js不解析php路径，用绝对路径照样可以实现，但比较繁琐，这样比较巧妙

然后js文档：

var verifyImg = $("#verifyImg");
	verifyImg.click(function(){  
		verifyImg.attr("src", appPath + "/Register/verifyImg");
});

注： 在jquery中attr和removeAttr的功能是用来获取和设置元素属性

当点击图片后，重新加载id为verifyImg的图片，就会生成新的验证码。

下次为验证验证码

tony，在打瞌睡

2014.8.18