javascript - 在 asp.net Web App 中单击启用了 onserverclick 的 html 按钮时停止表单提交

Question

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

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

我有一个返回 true 和 false 的 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

将按钮类型设置为“按钮”（默认为提交），这将禁用表单的提交并依靠 __doPostBack() 来处理接线。

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