OnClientClick如果验证错误阻止页面提交

我已经编写了一个JavaScript函数来验证表单输入并突出显示输入字段并显示任何错误消息，我已经测试过，并且所有工作正常。OnClientClick如果验证错误阻止页面提交

我已经从asp：Button标记的OnClientClick属性调用了该函数。但是，如果JavaScript函数确定存在验证错误，我想要停止提交表单。我该怎么做呢？

我是一个VB.NET新手，所以任何帮助，将不胜感激。谢谢。

ASPX

<asp:Button ID="btnSubmit" Text="Save Changes" runat="server" OnClientClick="validateEMI();" />

的JavaScript

function validateEMI() { 

    // a big bunch of validation checks... 

    if (errorOnForm == true) { 
     document.getElementById("message").innerHTML = errorMsg; 
     return; 
    } 
}

来源

2011-08-08 Gareth Lewis

if (errorOnForm == true) { 
    document.getElementById("message").innerHTML = errorMsg; 
    return false; 
}

返回FALSE;

编辑：和validateEMI应该onsubmit事件

来源

2011-08-08 14:53:58 bensiu

感谢您的快速回复被钩住。我试过'返回错误'，但它仍然在错误消息出现后提交表单。 –

您需要将此与“OnClientClick =”耦合返回validateEMI（）;“' –

谢谢。 'return false'和'return validateEMI（）;'似乎已经做到了。 –

使用stopPropagation

function validateEMI(event) { 
    event.stopPropagation() 
    // a big bunch of validation checks... 

    if (errorOnForm == true) { 
     document.getElementById("message").innerHTML = errorMsg; 
     return; 
    } 
}

来源

2011-08-08 14:54:48 rlemon

如果验证成功，该怎么办？如果'errorOnForm === false'，我们可能只想'stopPropagation'。 –

至少将'event.stopPropagation'移动到'if'块... – bensiu

有人可以解释'event'参数是什么吗？谢谢。 –

OnClientClick如果验证错误阻止页面提交

回答

相关问题