JavaScript return false 并没有阻止其他函数的执行

Question

我有一些 JS 函数在单击页面上的“保存”按钮时运行。该按钮看起来像这样:

<img src="images/btn/save.gif" name="btnSubmit" onClick="noSpaceTest();minMaxValues();compare2dates(benefit_start_date, benefit_end_date,'javascript:saveNewBenefit()')" width="60" height="22" border="0" class="btnimg">

我感兴趣的函数是 minMaxValues()。如果此测试失败，则不应提交表单(在本例中意味着不应运行任何其他函数。)我使用了 return false；在 minMaxValues() 函数中，它运行(错误值警告)但在解除警报后，将调用其他函数，而不是停止。

函数如下:

//Function to validate if maximum benefit value is more the minimum benefit value
function minMaxValues(){
    var maxAmt = ($('#maxAmount').val());
    var minAmt = ($('#minAmount').val());
    if ((minAmt != '') && (maxAmt != '')){
        try{
            maxAmt = parseInt(maxAmt);
            minAmt = parseInt(minAmt);
                if(maxAmt < minAmt) {
                    alert('The maximum benefit amount must be larger than the minimum amount.');
                return false;
            }
        }catch(e){
            return false;
        }
    }//end maxAmt minAmt comparison
    return true;
}//end minMaxValues function

如果此函数返回 false，是否有办法不允许执行任何进一步的函数？

Answer 1

"btnSubmit" onClick="noSpaceTest();minMaxValues()?:return;compare2dates(benefit_start_date, benefit_end_date,'javascript:saveNewBenefit()')" width="60" height="22" border="0" class="btnimg">

或

"btnSubmit" onClick="noSpaceTest();if(!minMaxValues()){return};compare2dates(benefit_start_date, benefit_end_date,'javascript:saveNewBenefit()')" width="60" height="22" border="0" class="btnimg">

应该停止提交以及停止其他函数的执行

编辑:你真的应该把它全部放在一个更干净的点击处理函数中，这只是一个快速修复