1. 程式人生 > >JavaScript 隨機生成指定位數的驗證碼

JavaScript 隨機生成指定位數的驗證碼

程式碼片段:

<html>
    <title>隨機驗證碼</title>
    <body>
        <form name="form1">
            輸入驗證碼的位數:<input name="num" type="text"/>
            <input type="button" name="btn" onClick="deal();" value="確定"/><br><br>
            <res id="result">
        </form>
    </body>
    <script teype="text/javascript">
       function checkCode(num){
            var result = "";
            for(i = 0; i < parseInt(num); i++){
                result = result + (parseInt(Math.random()*10)).toString();
            }
            return result;
       }
       function deal(){
           result.innerHTML =  "產生的驗證碼:"+checkCode(form1.num.value);
       }
    </script>
</html>

顯示結果: 在這裡插入圖片描述 知識點:

  1. result是html中一個元素(res)的id
  2. innerHTML可讓結果直接顯示在HTML頁面上

博主最近在分享學習JavaScript 的過程,關注博主一起學習吧,不定期更新哦。