自定义函数、验证函数使用、表单实现

最新推荐文章于 2022-09-09 09:27:03 发布

Feng_Blue_

最新推荐文章于 2022-09-09 09:27:03 发布

阅读量165

点赞数

文章标签： html5 javascript html

本文链接：https://blog.csdn.net/Feng_Blue_/article/details/120459826

版权

自定义函数：

详细代码：

        <script>
            var a = Number(prompt("请输入一个数字"));
            function qwq(){
                for (var i = 0, l = 0; i<= a; i++){
                    l = l + i ;
                }
                return l;
            }
            document.write(qwq(a));
        </script>

结果：

验证函数：

alert()

详细代码：

<html>
    <head>
        <h1>函数实验</h1>
    </head>
    <body>
        <script>
            alert("当我拔出我的第二把剑时，神域里无人不倒！")
        </script>
    </body>
</html>

结果：

confirm()

详细代码：

<html>
    <head>
        <h1>函数实验</h1>
    </head>
    <body>
        <script>
            alert("当我拔出我的第二把剑时，神域里无人不倒！")
            var didi = confirm("林肯四大头")
            console.log(didi);
        </script>
    </body>
</html>

结果：

prompt()

详细代码：

<html>
    <head>
        <h1>函数实验</h1>
    </head>
    <body>
        <script>
            alert("当我拔出我的第二把剑时，神域里无人不倒！")
            var didi = confirm("林肯四搭头")
            console.log(didi);
            prompt("意识码:")
        </script>
    </body>
</html>

结果：

eval()

详细代码：

<html>
    <head>
        <h1>函数实验</h1>
    </head>
    <body>
        <script>
            var a = "alert('撑胸道D')";
            console.log(typeof(a));
            eval(a);
        </script>
    </body>
</html>

结果：

substr()

详细代码：

<html>
    <head>
        <h1>函数实验</h1>
    </head>
    <body>
        <script>
            var a = "alert('撑胸道D')";
            console.log(typeof(a));
            eval(a);
            var name = "小林家的龙女仆！！！"
            document.write(name.substr(0,8));
        </script>
    </body>
</html>

结果：

表单

<html>
    <head>
        <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>用户注册</title>
    <style>
        .left {
            text-align: right;
        }
        
        .right {
            text-align: left;
        }
        
        .center {
            text-align: center;
        }
    </style>
    </head>
    <body>
        <h1>用户注册</h1>
        <br />
        <div style="margin:0 25%;">
            <form action="#" method="POST" enctype="multipart/form-data" target="_blank">
                <table width='100%'>
                    <tr>
                        <td class='left'>
                            用户名：
                        </td>
                        <td class='right'>
                            <input type="text" name="username"  />
                        </td>
                    </tr>
                    <tr>
                        <td class='left'>
                            密码：
                        </td>
                        <td class='right'>
                            <input type="password" name="pass1" onblur="checkPass()">
                        </td>
                    </tr>
                    <tr>
                        <td class='left'>
                            确认密码：
                        </td>
                        <td class='right'>
                            <input type="password" name="pass2" onblur="checkPass()">
                        </td>
                    </tr>
                    <tr>
                        <td colspan="2" class="center">
                            <span id="msg"></span><input type="submit" name="tjan" value="提交按钮" />
                        </td>
                    </tr>
                </table>
            </form>
        </div>
    </body>
</html>
<script>
    function checkPass() {
        //console.log("checkPass in running...")
        var pass1 = document.getElementsByName('pass1')[0];
        var pass2 = document.getElementsByName("pass2")[0];
        var msg = document.getElementById('msg');
        var sub = document.getElementsByName("tjan")[0];
        if (pass1.value == pass2.value) {
            msg.innerHTML = "密码一致";
            msg.style.color = 'green';
            sub.disabled = "";
        } else {
            msg.innerHTML = "密码不一致";
            msg.style.color = 'red';
            sub.disabled = 'true';
        }
    }
</script>

Feng_Blue_

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
自定义函数、验证函数使用、表单实现

自定义函数：详细代码： <script> var a = Number(prompt("请输入一个数字")); function qwq(){ for (var i = 0, l = 0; i<= a; i++){ l = l + i ; } return l;
复制链接

扫一扫