最新国产好看的视频,伊人天堂AV在线,国产Aaaaaa视频,蜜臀视频在线观看一区,人妻av色图,密臀久久久精品影片,青青视频免费观看毛片,久草在线观看视,国产三级精品色情在线

JavaScript函數(shù)封裝隨機顏色驗證碼(完整代碼)

 更新時間:2021年12月21日 15:49:36   作者:土豆切成絲  
這篇文章主要介紹了JavaScript函數(shù)封裝隨機顏色驗證碼(完整代碼),本文通過實例代碼給大家介紹的非常詳細,對大家的學習或工作具有一定的參考借鑒價值,需要的朋友可以參考下

數(shù)字或者字母或者數(shù)字字母混合的n位驗證碼帶隨機的顏色。下面是完整的代碼,需要的自取哈!

?
function verify(a = 6,b = "num"){
  //定義三個隨機驗證碼驗證碼庫
  var num ="0123456789"
  var str ="abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNIPQRSTUVWXYZ"
  var mixin = num +str;
  
  //定義一個空字符串用來存放驗證碼
  var verify=""
  if(a == undefined || b == undefined){
    //驗證輸入是否合法  不通過就拋出一個異常
    throw new Error("參數(shù)異常");
  }else{
      if(a ==""||b==""){
        //判斷用戶是否沒有輸入
        throw new Error("參數(shù)非法.");
      }else{
        //檢測輸入的類型來判斷是否進入
        var typea = typeof(a);
        var typeb = typeof(b);
        if(typea =="number" && typeb =="string"){
            if(b == "num"){
                  
                //定義一個循環(huán)來接收驗證碼    純數(shù)字驗證碼
                for(var i=0;i<a;i++){
                     //定義一個變量來存儲顏色的隨機值
                     var r1 = Math.random()*255;
                     var g1 = Math.random()*255;
                     var b1 = Math.random()*255;
 
                     //確定隨機索引
                     var index = Math.floor(Math.random()*(num.length-1))
                     //確定隨機的驗證碼
                     var char = num[index];
                     //給隨機的驗證碼加顏色
                     verify += `<span style ='color:rgb(${r1},${g1},${b1})'>${char}</span>`
                 }
                 //返回到數(shù)組本身
                return verify;
            }else if(b =="str"){
                 for(var i=0;i<a;i++){
                   //純字母的驗證碼
                    var r1 = Math.random()*255;
                    var g1 = Math.random()*255;
                    var b1 = Math.random()*255;
 
                    var index = Math.floor(Math.random()*(str.length-1));
                    var char = str[index];
 
                    verify += `<span style ='color:rgb(${r1},${g1},${b1})'>${char}</span>`
                 }
                 return verify;   
            }else if(b == "mixin"){
                 // 混合型的驗證碼
                for(var i=0;i<a;i++){
                    var r1 = Math.random()*255;
                    var g1 = Math.random()*255;
                    var b1 = Math.random()*255;
 
                    var index = Math.floor(Math.random()*(mixin.length-1));
                    var char = mixin[index];
 
                    verify += `<span style ='color:rgb(${r1},${g1},${b1})'>${char}</span>`
                }
                return verify;
            }else{
                //驗證沒通過拋出一個異常
                throw new Error("輸入類型非法.")
            }
        
        }else{
            //驗證沒通過拋出一個異常
            throw new Error("輸入類型非法.")
        }
      }
  }
}
 
?

下面我們來調(diào)用函數(shù)試試看

  //第一個值為用戶輸入的長度,第二個為類型! 
 var arr = verify(8,"mixin");
     document.write(arr)

?上面就是結果啦!

這個記錄下來為了方便以后使用的方便,也希望大佬們多多交流,多多留言,指出我的不足的之處啦!

有需要的小伙伴可以研究研究啦?。?/p>

到此這篇關于JavaScript函數(shù)封裝隨機顏色驗證碼的文章就介紹到這了,更多相關js函數(shù)封裝顏色驗證碼內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關文章希望大家以后多多支持腳本之家!

相關文章

  • 一文詳解如何處理前端表單驗證確保用戶輸入合法

    一文詳解如何處理前端表單驗證確保用戶輸入合法

    這篇文章主要介紹了如何處理前端表單驗證確保用戶輸入合法的相關資料,并分享了最佳實踐和常見坑點,通過合理使用這些方法,可以構建出健壯、友好的驗證系統(tǒng),文中給出了詳細的代碼示例,需要的朋友可以參考下
    2025-03-03
  • 微信小程序view與scroll-view組件的使用介紹

    微信小程序view與scroll-view組件的使用介紹

    小程序中的組件也是由宿主環(huán)境提供的,開發(fā)者可以使用組件快速搭建出頁面結構,這篇文章主要介紹了微信小程序view與scroll-view組件的使用
    2022-10-10
  • 一文詳解最常見的六種跨域解決方案

    一文詳解最常見的六種跨域解決方案

    跨域問題的本質(zhì)是瀏覽器為了保證用戶的一種安全攔截機制,想要解決跨域問題,只需要告訴瀏覽器"我是自己人,不要攔我"就行,下面這篇文章主要給大家介紹了關于最常見的六種跨域解決方案的相關資料,需要的朋友可以參考下
    2023-04-04
  • JavaScript 實現(xiàn)鍋拍灰太狼小游戲

    JavaScript 實現(xiàn)鍋拍灰太狼小游戲

    這篇文章主要介紹了JavaScript 實現(xiàn)鍋拍灰太狼小游戲,本文通過實例代碼給大家介紹的非常詳細,對大家的學習或工作具有一定的參考借鑒價值,需要的朋友可以參考下
    2021-09-09
  • Jquery 返回json數(shù)據(jù)在IE瀏覽器中提示下載的問題

    Jquery 返回json數(shù)據(jù)在IE瀏覽器中提示下載的問題

    Jquery 返回json數(shù)據(jù),IE瀏覽器提示下載的問題,當提交完數(shù)據(jù)后返回的本來是json數(shù)據(jù)的,在火弧里測試正常,解決方法如下
    2014-05-05
  • 有效提高JavaScript執(zhí)行效率的幾點知識

    有效提高JavaScript執(zhí)行效率的幾點知識

    這篇文章主要介紹了有效提高JavaScript執(zhí)行效率的幾點知識,本文從JavaScript函數(shù)、JavaScript作用域、JavaScript字符串、JavaScript DOM操作、DOM重繪、DOM訪問、DOM遍歷等方面講解了提高JavaScript執(zhí)行效率的小技巧,需要的朋友可以參考下
    2015-01-01
  • javascript實現(xiàn)多邊形碰撞檢測

    javascript實現(xiàn)多邊形碰撞檢測

    這篇文章主要介紹了javascript如何實現(xiàn)多邊形碰撞檢測,幫助大家更好的理解和使用js,感興趣的朋友可以了解下
    2020-10-10
  • 清除div下面的所有標簽的方法

    清除div下面的所有標簽的方法

    清除標簽的方法有很多,下面有個不錯的示例可以清楚div下面的所有標簽,需要的朋友可以參考下
    2014-02-02
  • js實現(xiàn)C#的StringBuilder效果完整實例

    js實現(xiàn)C#的StringBuilder效果完整實例

    這篇文章主要介紹了js實現(xiàn)C#的StringBuilder效果,以完整實例形式分析總結了js實現(xiàn)C#的StringBuilder效果的相關技巧,具有一定參考借鑒價值,需要的朋友可以參考下
    2015-12-12
  • JavaScript實現(xiàn)移動端頁面按手機屏幕分辨率自動縮放的最強代碼

    JavaScript實現(xiàn)移動端頁面按手機屏幕分辨率自動縮放的最強代碼

    這篇文章主要介紹了JavaScript實現(xiàn)移動端頁面按手機屏幕分辨率自動縮放的最強代碼,通過阻止瀏覽器的默認行為各方面分析縮放的功能實現(xiàn),具體操作步驟大家可查看下文的詳細講解,感興趣的小伙伴們可以參考一下。
    2017-08-08

最新評論

独山县| 米泉市| 义乌市| 成安县| 和平县| 修文县| 富川| 宜君县| 彭泽县| 安阳市| 上饶市| 邳州市| 亳州市| 英超| 苗栗县| 紫阳县| 南江县| 呼和浩特市| 松滋市| 晋江市| 乡宁县| 墨竹工卡县| 离岛区| 忻城县| 友谊县| 孝昌县| 抚州市| 成安县| 唐海县| 始兴县| 大新县| 博罗县| 湖口县| 灯塔市| 沭阳县| 五寨县| 呼和浩特市| 高邮市| 专栏| 衡南县| 肇东市|