zoukankan      html  css  js  c++  java
  • 倒计时、点击移动变色与注册时,JS验证密码是否正确

     <input id="b1" type="button" value="同意(10)" disabled="disabled" />
    
        <script type="text/javascript">
            var t = 10;
    
            var aa = window.setInterval('a()', 1000);
    
            function a() {
                var b = document.getElementById('b1');
                t--;
                if (t == 0) {
                    window.clearInterval(aa);
                    b.value = '同意';
                    b.removeAttribute('disabled');
                    return;
                }
                b.value = '同意(' + t + ')';
            };
        </script>

    倒计时(同意)

     <div>
                <div id="d"></div>
                <asp:Button ID="b1" runat="server" Text="点我变色" />
                &nbsp;&nbsp;
            <asp:Button ID="b2" runat="server" Text="点我移动" />
    
                <script type="text/javascript">
    
                    var list = new Array();
                    list[0] = 'green';
                    list[1] = 'blue';
                    list[2] = 'yellow';
                    list[3] = 'black';
                    list[4] = 'navy';
                    list[5] = '#e0e0e0';
    
                    var num = 0;
    
                    document.getElementById('b1').onclick = function () {
                        document.getElementById('d').style.backgroundColor = list[num];
                        num++;
                        if (num == 6) {
                            num = 0;
                        }
                    };
    
    
                    var timer1 = null;
    
                    document.getElementById('b2').onclick = function () {
                        //document.getElementById('d').style.left = document.getElementById('d').style.offsetleft + 10 + 'px';
                        timer1 = window.setInterval('aaa()', 20);
                    };
    
                    function aaa() {
                        var d = document.getElementById('d');
    
                        d.style.left = d.offsetLeft + 5 + 'px';
    
                        if (d.offsetLeft >= 200) {
                            window.clearInterval(timer1);
                            return;
                        }
                    };
                </script>
            </div>

    点击移动变色

     密    码:<asp:TextBox ID="TextBox1" runat="server"></asp:TextBox><br />
            <br />
            确认密码:<asp:TextBox ID="TextBox2" runat="server"></asp:TextBox>
    
            <script type="text/javascript">
                document.getElementById('TextBox1').cnkeyup = function () {
                    var t2 = document.getElementById('TextBox2');
                    if (t.value == t2.value) {
                        alert('正确');
                    }
                    else {
                        alert('错误');
                    }
                };
                document.getElementById('TextBox2').cnkeyup = function () {
                    var t1 = document.getElementById('TextBox1');
                    if (t1.value == t2.value) {
                        alert('正确');
                    }
                    else {
                        alert('错误');
                    }
                };
            </script>

    注册时,JS验证密码是否正确

  • 相关阅读:
    Kubernetes 集成研发笔记
    Rust 1.44.0 发布
    Rust 1.43.0 发布
    PAT 甲级 1108 Finding Average (20分)
    PAT 甲级 1107 Social Clusters (30分)(并查集)
    PAT 甲级 1106 Lowest Price in Supply Chain (25分) (bfs)
    PAT 甲级 1105 Spiral Matrix (25分)(螺旋矩阵,简单模拟)
    PAT 甲级 1104 Sum of Number Segments (20分)(有坑,int *int 可能会溢出)
    java 多线程 26 : 线程池
    OpenCV_Python —— (4)形态学操作
  • 原文地址:https://www.cnblogs.com/123lucy/p/5702237.html
Copyright © 2011-2022 走看看