验证码(简单)
一。引入jquery;
<script src="http://libs.baidu.com/jquery/1.7.2/jquery.min.js"></script>
二。引入js文件;
<script type="text/javascript" src="js/jquery.idcode.js"></script>
三。内置方法,等待点击调用刷新验证码;
$.idcode.setCode();
四。放置容器
1.输入框id一定要有
<input type="text" id="Txtidcode" placeholder="请输入验证码" maxlength="4"/>
2.放置容器,生成验证码
<span id="idcode"></span>
3.执行方法(初始化插件)
var IsBy = $.idcode.validateCode();
4.检测验证码是否正确(自动判断所以第一步id不要写错)
if(IsBy=='false'){
alert('提示\n\n请输入正确的验证码!');
return false;
}
五。会遇到的问题
1.点击调用不了刷新
解决:放置的容器放到了底层,加样式z-index;
2.还没遇到。遇到了会补充