H5Imagecaptcha

功能描述

  1. 生成图形验证码。

依赖的模块

快速使用

  1. var zknightCode = null;
  2. window.onload = function(){
  3. //zknightH5imagecaptcha方法接受参数
  4. //{
  5. // id: "", //容器Id
  6. // canvasId: "zknightH5imageCaptcha", //canvas的ID
  7. // width: "100", //默认canvas宽度
  8. // height: "30", //默认canvas高度
  9. // type: "blend" //图形验证码默认类型blend:数字字母混合类型、number:纯数字、letter:纯字母
  10. //}
  11. //传入展示图形验证码位置的ID,若只传ID,则其他参数使用默认值
  12. zknightCode = new zknightH5imagecaptcha("zknight-h5imagecaptcha-show");
  13. };
  14. /**
  15. * 验证
  16. */
  17. function zknightVerification(){
  18. //文本框输入的验证码
  19. var zknightInputCode = document.getElementById("zknight-h5imagecaptcha-inputcode").value;
  20. //传入输入的验证码,返回验证结果
  21. var result = zknightCode.validate(zknightInputCode);
  22. if(result){
  23. alert("success");
  24. }else{
  25. alert("error");
  26. }
  27. }

特别说明

  1. 需支持canvas