首页>>表单>>原生js图形验证码(2019-07-12)

原生js图形验证码

点击验证码刷新为新的字符

原生js图形验证码
演示
下载
赞赏支持
立刻微信赞赏支持 关闭

 

XML/HTML Code
  1. <div id="v_container"></div>  
  2. <input type="text" id="code_input" value="" placeholder="请输入验证码" /><button id="my_button">验证</button>  

 

JavaScript Code
  1. <script>  
  2.         var verifyCode = new GVerify("v_container");  
  3.         console.log(verifyCode)  
  4.         document.getElementById("my_button").onclick = function(){  
  5.             var res = verifyCode.validate(document.getElementById("code_input").value);  
  6.             if(res){  
  7.                 alert("验证正确");  
  8.             }else{  
  9.                 alert("验证码错误");  
  10.             }  
  11.         }  
  12.     </script>  

 


原文地址:http://www.freejs.net/article_biaodan_795.html