php - 禁用按钮 HTML

Question

我有一个 URL 的提交表单，我希望它具有我目前无法实现的特定行为。最初我希望启用该按钮。在有人输入 URL 并点击“提交”按钮后，我想调用我的 checkURL() 函数。如果该函数返回 true，我希望该按钮变为禁用状态，然后我想打开 remote_file.php。如果它返回 false，我希望启用该按钮并让他们尝试另一个 URL。

<form name=URLSubmitForm
    action="remote_file.php" 
    method="post">

    <input type="hidden" name="MAX_FILE_SIZE" value="524288000">
    <input type="text" name="name" size="50">
    <input type="submit" 
        onchange="this.disabled=false"
        onclick="this.disabled=true; checkURL();"
        value="submit">
</form>

编辑:看起来我只是将 onchange 放在了错误的位置。我最终这样做是为了修复重新启用按钮

<input type="text" onchange="submit.disabled=false" name="name" size="50">

谢谢!

Answer 1

我建议您将事件处理代码附加到表单的 onsubmit 事件，而不是按钮事件。您要控制的是表单是否已发布。在验证逻辑运行时禁用按钮是次要目标。

试试这个:

<script type="text/javascript">
function checkURL(){
    var submitButton = document.getElementById('submitButton');
    submitButton.disabled=true;

    /* implement your validation logic here
    if( url is invalid ){
        submitButton.disabled=false;
        return false;
    }
    */

    // everything is valid, allow form to submit
    return true;
}
</script>

<form name="URLSubmitForm" action="remote_file.php" onsubmit="return checkURL();" method="post">
        <input type="hidden" name="MAX_FILE_SIZE" value="524288000">
        <input type="text" name="name" size="50">
        <input type="submit" name="submitButton" id="submitButton" value="submit">
</form>