最近做項目需要用到j(luò)query實(shí)現(xiàn)mac地址驗(yàn)證,具體實(shí)現(xiàn)過程如下:
$(document).ready(function(){ $("#macAddress").keyup(function(){ var mac = $(this).val().replace(/[^a-fA-F0-9]/g, ''); if(mac.length == 12){ $(this).val(mac.toUpperCase()); } }); $("#submitBtn").click(function(){ var macRegex = /^([0-9A-Fa-f]{2}[:-]){5}([0-9A-Fa-f]{2})$/; var inputMac = $("#macAddress").val(); if(macRegex.test(inputMac)){ alert("MAC地址格式正確!"); }else{ alert("MAC地址格式錯誤,請重新輸入!"); } }); });
在代碼中,我們首先綁定了輸入框的keyup事件,通過正則表達(dá)式去掉所有非法字符,保留12個十六進(jìn)制數(shù)字。然后,當(dāng)mac地址的輸入長度為12個字符時,將其轉(zhuǎn)化為大寫字母。
同時,我們還綁定了提交按鈕的點(diǎn)擊事件。在點(diǎn)擊事件中,我們定義了一個正則表達(dá)式,用于驗(yàn)證mac地址的格式是否正確。如果格式正確,則彈出“MAC地址格式正確!”提示框;否則,彈出“MAC地址格式錯誤,請重新輸入!”提示框。
以上就是使用jquery實(shí)現(xiàn)mac地址驗(yàn)證的全部代碼步驟,希望能對大家有所幫助。