javascript - 禁用提交按钮并显示消息

Question

我希望能够在提交表单时禁用提交按钮，也希望在提交表单时添加一条消息，例如(“这可能需要一段时间”)。

<form id="myform" method="post" action="default.asp" onsubmit="return Validate(this);"> 

<p>Select credit card:
    <select tabindex="11" id="CardType"> 
        <option value="AmEx">American Express</option> 
        <option value="CarteBlanche">Carte Blanche</option> 
    </select> 
</p>

<p>Enter number:
    <input type="text" id="CardNumber" maxlength="24" size="24" value="1234" />
    <input type="submit" id="submitbutton" /> 
</p> 

</form>

Answer 1

修改您的 Validate() 函数以包括禁用提交按钮并显示消息:

function Validate(f) {
    var isValid = true;
    // do validation stuff
    if (isValid) {
        f.submitbutton.disabled = true;
        document.getElementById("submitMessage").style.display = "block";
    }
    return isValid;
}

http://jsfiddle.net/gilly3/EjkSV/