代码之家  ›  专栏  ›  技术社区  ›  BIDeveloper

使用javascript和onclientclick设置按钮样式

  •  1
  • BIDeveloper  · 技术社区  · 14 年前

    我在网页上有一个ASP.NET按钮。

    onclientclick代码禁用该按钮,因此用户不能提交多次。 它还将按钮的文本更改为“请稍候…”。

    到目前为止一切都很好!

    问题是,因为它被禁用了“请稍候…”文本看起来很垃圾… 我如何设置按钮的样式,以便即使它被禁用,它在javascript中看起来也是启用的。

    <script type=“text/javascript”>
    函数btnSubmit_clientclick(client){
    var ok=page_clientvalidate();
    如果(好){
    
    
    client.style.color='白色';
    client.style.backgroundcolor='9A4D9E';
    
    client.value='请稍候…';
    client.disabled=真;
    }
    }
    </script>
    

    编辑开始:

    这是启用按钮:

    下面是禁用按钮:

    ……如你所见,文本是灰色和白色的?

    为了进一步清楚起见,@user503034建议在css中使用[disabled]。 这是我的代码,但是我仍然有同样的问题:

    button[disabled]:active,button[disabled],input[type=“reset”][disabled]:active,input[type=“reset”][disabled],input[type=“button”][disabled],select[disabled]>input[type=“button”],select[disabled]>input[type=“button”]:active,input[type=“submit”][disabled]:active,input[type=“submi”T“【禁用】
    {
    颜色:绿色;
    背景色:9A4D9E;
    光标:默认;
    
    }
    
    
    

    到目前为止一切都很好!

    问题是,因为它被禁用了“请稍候…”文本看起来很垃圾… 我如何设置按钮的样式,以便在javascript中,即使禁用了该按钮,它看起来也是启用的。

        <script type="text/javascript">
        function btnSubmit_ClientClick(Client) {
            var ok = Page_ClientValidate();
            if (ok) {
    
    
                Client.style.color = 'White';
                Client.style.backgroundColor = '#9A4D9E';
    
                Client.value = 'Please wait...';
                Client.disabled = true;
            }
        }
    </script>
    

    开始编辑:

    以下是启用按钮:

    enabled

    下面是禁用按钮: disabled

    …如你所见,文本是灰色和白色的?

    为了进一步清楚起见,@user503034建议在css中使用[disabled]。 这是我的代码,但是我仍然有同样的问题:

        button[disabled]:active, button[disabled], input[type="reset"][disabled]:active, input[type="reset"][disabled], input[type="button"][disabled]:active, input[type="button"][disabled], select[disabled] > input[type="button"], select[disabled] > input[type="button"]:active, input[type="submit"][disabled]:active, input[type="submit"][disabled]
    {
        color: Green;
        background-color: #9A4D9E;
        cursor: default;
    
    }
    
    2 回复  |  直到 14 年前
        1
  •  1
  •   Ilya Volodin    14 年前

    你可以试试这个

    <script type="text/javascript"> 
    function btnSubmit_ClientClick(Client) { 
        var ok = Page_ClientValidate(); 
        if (ok) { 
    
    
            Client.style.color = 'White'; 
            Client.style.backgroundColor = '#9A4D9E'; 
    
            Client.value = 'Please wait...'; 
            if (Client.ClassName.indexOf("disabled")>0)
                return false;
            else
                Client.ClassName += " disabled";
        } 
    } 
    

    这不会完全禁用按钮,但不会让您单击它。现在你可以随心所欲地设计它。如果这是表单上的提交按钮,您也可以在表单上执行on submit并返回false,以防止有人只是点击回车键。可能并不完全是你想要的,但它确实起作用。

        2
  •  0
  •   user503034    14 年前

    也许吧 that 就是你要找的。