JavaScript 随机生成指定位数的验证码

版权声明:ByRisonBoy https://blog.csdn.net/Rison_Li/article/details/82956147

代码片段:

<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 的过程,关注博主一起学习吧,不定期更新哦。

猜你喜欢

转载自blog.csdn.net/Rison_Li/article/details/82956147