当在asp.net web应用程序中单击启用了onserverclick的html按钮时，停止表单提交

Question

我有一个按钮在一个asp.net应用程序提交一个表单。

    <input type="submit" id="sumbit" value="Sign up" runat="server" 
     onserverclick="sumbit_ServerClick2" class="submitbutton"/>

我有一个javascript函数返回真和假。如果javascript函数返回false，我如何防止表单被提交。我不能访问的形式标签，因为我正在使用母版和整个contentplacedholder被封闭在runat="server"的形式。

Answer 1

使用onclick属性来测试JS函数的返回值:

<input type="submit" id="sumbit" value="Sign up" runat="server" 
     onserverclick="sumbit_ServerClick2" class="submitbutton" 
     onclick="if (!yourFunction()) return false;" />

Answer 2

假设您的函数称为yourJsFunction，我认为您可以在输入元素上使用onclick="return !!yourJsFunction();"，如下所示:

<input type="submit" id="sumbit" value="Sign up" runat="server" onclick="return !!yourJsFunction();"
 onserverclick="sumbit_ServerClick2" class="submitbutton"/>

在函数调用前使用!!强制一个布尔值

,

ASP。. NET按钮使用onClientClick="return !!yourJsFunction();"。

点击这里阅读更多

Answer 3

设置按钮类型为"button"(默认为submit)，这将禁用表单的提交，并依赖__doPostBack()来处理连接。

<button id="MyButton" runat="server" type="button" onserverclick="MyButton_Click">Submit</button>