Question

我有一个带有文本框和提交按钮的表单。单击5秒钟后禁用提交按钮。如果在文本字段中没有输入任何内容并且用户尝试提交，则该按钮将被禁用1秒钟，并且不会发布任何内容。

我遇到的问题是，在Chrome和Firefox的朋友Mac上，当按钮被禁用时，按钮会消失并且灰色框会一直显示，直到5秒钟结束，但是在我的Windows计算机上使用Chrome和Firefox按钮刚刚淡出。有没有理由发生这种情况？他说工作正常，然后它突然开始发生。

这是我的HTML：

<form style="position:relative; top:-5px;" action="" method="post">
    <strong>Message:</strong>
    <input type="text" id="message" name="message" class="message">
    <input type="submit" id="submit" value="Submit"/>
</form>

和JavaScript：

<script type="text/javascript">

$(function() {
    refresh_shoutbox();

    setInterval("refresh_shoutbox()", 15000);

    var running = false;

    $("#message").keypress(function(e) { 
        if(e.which == 13 && running === true) { 
            return false; 
        } 
    }); 

    $("#submit").click(function(event) {
        if(this.disabled) {
            event.preventDefault();
        }   

        if($("#message").val() != '') {
            running = true;

            $("#submit").attr("disabled","disabled");

            setTimeout(function() {
                $("#submit").removeAttr("disabled")
                running = false;
            }, 5000);
        } else {
            $("#submit").attr("disabled", "disabled");
                setTimeout(function() {
                    $("#submit").removeAttr("disabled")
                    running = false;
                }, 1000);

            return false;
        }

// Ajax calls and the rest of the script

Answer 1

我认为最新的webkit存在一个错误。我的按钮在一周前呈现正常，现在也显示了一个奇怪的灰色矩形

您应该使用html检查器并检查按钮标记是否

disabled="disabled"

作为属性

Jquery禁用提交按钮

1 个答案: