單擊提交按鈕時調用功能

Question

我有這個html文本輸入和javascript代碼：

<input type="text" name="statuspopup" id="statuspopup" value="" />
<script type="text/javascript">
function SubmitTicketForm() {
    return CheckRequired();

    if($('#statuspopup').val() == '') {
        //do status popup here
        alert("status");
    } else {
        //just submit the form
        $('form1').submit();
    }
}
</script>

然后，我有這個提交按鈕：

<input type="submit" onclick="SubmitTicketForm();" name="submit" id="submit" value="Save" />

因此它應該顯示一個javascript警報，但沒有執行。

Answer 1

立即返回CheckRequired()函數調用后，函數將停止執行。 假設它返回BOOL值，您的函數應如下所示：

function SubmitTicketForm() {
    if( CheckRequired() === false ) {
        return false;
    }

    if($('#statuspopup').val() == '') {
        //do status popup here
        alert("status");
    } else {
        //just submit the form
        $('form1').submit();
    }
}

也似乎您的表單選擇器是錯誤的。 如果ID是ID，則沒有像form1這樣的html元素，如果它是類名，則應該是#form1或.form1

Answer 2

函數在return語句后結束。 返回函數后寫入的所有內容均將被忽略。 最后放置收益。

<input type="text" name="statuspopup" id="statuspopup" value="" />
<script type="text/javascript">
function SubmitTicketForm() {
    if($('#statuspopup').val() == '') {
        //do status popup here
        alert("status");
    } else {
        //just submit the form
        $('form1').submit();
    }
return CheckRequired();
}
</script>

Answer 3

將return放在函數的末尾，如下所示：

function SubmitTicketForm() {

    if($('#statuspopup').val() == '') {
        //do status popup here
        alert("status");
    } else {
        //just submit the form
        $('form1').submit();
    }

    return CheckRequired();
}

Answer 4

<input type="submit" onclick="SubmitTicketForm();" name="submit" id="submit" value="Save" />

<script type="text/javascript">
function SubmitTicketForm() {
    if($('#statuspopup').val() == '') {
        //do status popup here
        alert("status");
    } else {
        //just submit the form
        $('form1').submit();
    }

     return CheckRequired();
}
</script>

現在更換它謝謝

Answer 5

好的，另一個變體... checkrequired的這個ASSUMES正在檢查復選框的狀態（並返回布爾值），並且您只希望在未選中復選框且statuspopup中有值的情況下發出警報

function SubmitTicketForm() 
{
    if(!CheckRequired() && $('#statuspopup').val() == '') {
        //do status popup here
        alert("status");
        return false;
    } else {
        //just submit the form
        //$('form1').submit();
        return true; //it's a submit button...will submit by itself. if you want to 
             //manually submit with jquery, make it a button
    }
}

並且不要忘記為您的onclick添加收益：

<input type="submit" onclick="return SubmitTicketForm();" name="submit" id="submit" value="Save" />

再一次，知道什么是checkreturn以及為什么要返回checkreturn會很有用！