单击提交按钮时调用功能

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会很有用！