使用 Spring WebFlow 进行 Javascript 表单验证答案

【问题标题】：Javascript Form Validation with Spring WebFlow使用 Spring WebFlow 进行 Javascript 表单验证
【发布时间】：2012-08-24 11:59:05
【问题描述】：

我正在尝试找到一种使用 Spring WebFlow 进行 Javascript 表单验证的方法。

我的 JSP 中有以下代码

<INPUT tabIndex="46" value="Submit" type="submit" name="_eventId_submit" onClick="return dontSubmit();">

运行 JavaScript 函数并返回 false 是表单未通过验证，但我的页面仍在提交到服务器。如果我发现验证错误，我不希望它提交

我也试过了：

<INPUT tabIndex="46" value="Submit" type="submit" name="_eventId_submit" onsubmit="return dontSubmit();"

如果发现错误，表单仍然会被提交。请我试过：

<form:form modelAttribute="visit" action="${flowExecutionUrl}" onsubmit="dontSubmit()">

表格再次提交，有无错误.....请在下面提供帮助，您将找到功能

function dontSubmit()
{
    alert("DONT SUBMITTED TO SERVER");
    return false;
}

【问题讨论】：

将 onClick 更改为 onSubmit 并检查我认为它应该可以工作。还请查看此 URL preventDefault
好吧，你为什么不看看这篇文章onsubmitUsingJQuery
@Jonathan 你试过这个方法吗？
我遇到了同样的问题。我认为您的问题不是因为 spring-webflow。很可能在您的 JS 函数的某个地方，您遇到了一个错误，该错误会阻止 JS 达到“return false”。

【解决方案1】：

将onsubmit 放在 FORM 标记上：

<FORM action="..." onsubmit="return checkrequired();" method="POST">
   <INPUT tabIndex="46" value="Submit" type="submit" name="_eventId_submit" >

【讨论】：

【解决方案2】：

一般来说，表单验证是通过以下方式完成的：

<form action="server.action" method="POST" onSubmit="return validate(this);">
<input .../>

<input type="submit" name="Submit the form"/>
</form>

validate 函数中的this 是对表单的引用

【讨论】：