数学公式验证码

给出简单的数学算法（加减法运算），计算结果为验证码。

效果演示

原始样式
在这里插入图片描述
点击换一张或者点击验证码图片的时候随机生成新的数学验证码

输入错误的验证码

输入正确的验证码

代码演示

注意：引入两个架包

		<script type="text/javascript" src="js/jquery.min.js"></script><script type="text/javascript" src="js/verify.js"></script>

代码

<!DOCTYPE html>
<html><head><meta charset="utf-8"><title></title><script type="text/javascript" src="js/jquery.min.js"></script><script type="text/javascript" src="js/verify.js"></script></head><style>/*常规验证码*/.verify-code {font-size: 20px;text-align: center;cursor: pointer;margin-bottom: 5px;border: 1px solid #ddd;}.varify-input-code {display:inline-block; width: 100%;height: 25px;}.verify-change-code {color: #337AB7;cursor: pointer;}.verify-btn {width: 200px;height: 30px;background-color: #337AB7;color:#FFFFFF;border:none;margin-top: 10px;}</style><body><div id="mpanel3" style="margin-top: 20px"></div><button type="button" id="check-btn2" class="verify-btn">确定</button></body><script type="text/javascript">$('#mpanel3').codeVerify({type: 2,figure: 100, //位数，仅在type=2时生效arith: 0, //算法，支持加减乘，不填为随机，仅在type=2时生效width: '200px',height: '50px',fontSize: '30px',btnId: 'check-btn2',ready: function() {},success: function() {alert('验证匹配！');},error: function() {alert('验证码不匹配！');}});</script>
</html>