H5 JS生成驗證碼,並支援點選重新整理,驗證碼校驗

2021-08-18 15:53:59 字數 1640 閱讀 2223

js**,拷貝下來複製即可,不說太多,直接上**

!(function(window, document)

if(object.prototype.tostring.call(options) == "[object object]")

}else

this.options.numarr = "0,1,2,3,4,5,6,7,8,9".split(",");

this.options.letterarr = getallletter();

this._init();

this.refresh();

}gverify.prototype =

},/**生成驗證碼**/

refresh: function() else

ctx.textbaseline = "middle";

ctx.fillstyle = randomcolor(180, 240);

ctx.fillrect(0, 0, this.options.width, this.options.height);

if(this.options.type == "blend") else

if(this.options.type == "number") else

for(var i = 1; i <= 4; i++)

/**繪製干擾線**/

for(var i = 0; i < 4; i++)

/**繪製干擾點**/

for(var i = 0; i < this.options.width/4; i++)

},/**驗證驗證碼**/

validate: function(code)else}}

/**生成字母陣列**/

function getallletter()

/**生成乙個隨機數**/

function randomnum(min, max)

/**生成乙個隨機色**/

function randomcolor(min, max)

window.gverify = gverify;

})(window, document);

charset="utf-8">

圖形驗證碼title>

head>

id="v_container"

style="width: 200px;height: 50px;">

div>

type="text"

id="code_input"

value=""

placeholder="請輸入驗證碼"/>

id="my_button">驗證button>

body>

src="js/gverify.js">

script>

var verifycode = new gverify("v_container");

document.getelementbyid("my_button").onclick = function

()else

}script>

html>

java生成並展示驗證碼

第一步 生成驗證碼 驗證碼生成程式 param model return throws ioexception login action action.skip responsebody method requestmethod.get public string login code model ...

生成前端驗證碼並校驗

驗證碼生成器類,可生成數字 大寫 小寫字母及三者混合型別的驗證碼。支援自定義驗證碼字元數量 支援自定義驗證碼的大小 支援自定義需排除的特殊字元 支援自定義干擾線的數量 支援自定義驗證碼 顏色 public class validatecode 生成驗證碼,給外部程式呼叫 param type 驗證碼...

js簡單驗證碼的生成和驗證

如何用js生成簡單驗證碼,並驗證是否正確的方法 1 html頁面如下 div table border 0 cellspacing 5 cellpadding 5 tr td div id checkcode class code onclick createcode 4 div td td spa...