前端随机验证码
前端登录或者注册的时候经常会有一个验证码,数字或者字母,本验证码是基于canves的。 使用方法: <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>图形验证码</title> </head> <body> <div id="v_container" style="width: 200px;height: 50px;"></div> <input type="text" id="code_input" value="" placeholder="请输入验证码"/><button id="my_button">验证</button> </body> <script src="js/gVerify.js"></script> <script> var verifyCode = new GVerify("v_container" ); document.getElementById( "my_button").onclick = function (){ var res = verifyCode.validate(document.getElementById("code_input" ).value); if (res){ alert( "验证正确" ); } else { alert( "验证码错误" ); } }