2012-08-29 34 views
1

我想找到一种方法来与Spring WebFlow一起做一些Javascript表单验证。与Spring WebFlow的Javascript表单验证

我在我的JSP

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

运行的JavaScript函数,返回虚假的形式没有通过验证,但我的页面还是会被提交到服务器下面的代码。我不希望它提交如果我发现了一个验证错误

我也试过:

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

,并再次,如果发现窗体仍然被提交一个错误。请我想:

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

又一次的形式被使用和不使用错误提交.....请帮助下,你会发现funcation

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

变化的onClick到的onsubmit和参考检查,我认为它应该工作,然后。也检查出这个网址[preventDefault](http://api.jquery.com/event.preventDefault/) –

+0

,没有工作... –

+0

好吧为什么你不检查这个帖子[onsubmitUsingJQuery](http:// www.w3schools.com/jquery/tryit.asp?filename=tryjquery_event_submit) –

回答

0

放置onsubmit的FORM标签:

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

请参阅JavaScript Form Validation

+0

如果我发现错误,表单仍然会提交 –

+0

您可以发布您的'checkrequired()'函数吗? – Reimeus

+0

我改名为dontSubmit(),我发布了代码 –

0

一般形式验证使用类似以下完成:

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

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

其中thisvalidate功能是形式

+0

是的,但它不工作我发布我的代码,如果我发现一个错误,并返回false它仍然发布 –

+0

当你发布表单时,你看到警报? – Sal