2010-05-24 47 views
0

我尝试验证一个简单的形式,但是当我只用按钮不提交jQuery的表单验证插件不工作

按钮的jQuery验证

插件不工作。 我不能使用提交按钮那里,因为如果我使用提交

按钮提交表单后采取行动,去

,而我目前的形式是来自阿贾克斯的默认页面。我是

Jquery很新。请帮助其急... 我在这里给文件。 的index.html

<html> 
<head> 
<script src="jquery.js"> 
<script="jquery-validate-min.js"> 
<script="validation.js> 
</head> 
<body> 
<form id="contact_form"> 
<table> 
<tr><th>Name</th><td><input name="name" /></td></tr> 
<tr><th>E Mail</th><td><input name="email" /></td></tr> 
<tr><th><input type="button" name ="submit" id="form_sub" 

onclick="save"></th><td><input name="email" /></td></tr> 
</table> 
</form> 
</body> 
</html> 

现在,当我们使用INPUT TYPE =当我们使用输入类型=“按钮 ”提交“ ...... 但它不工作的validation.js文件

function save(){ 

$("#form_sub").click(function(){ 
$("#contact_form").validate({ 
'rules':{ 
'name':{ 
'required':true, 
'minlength':5 
}, 
'email':{ 
'required':true, 
'email':true 
} 
} 
}) 
} 

一切正常“

任何想法如何解决这个问题? 我是Jquery的新手...请帮忙

+0

我认为你应该使用onclick =“save()”来调用onlick处理程序。 – 2010-05-24 11:09:07

回答

0

有了jQuery,你不需要onclick。取出function save(){}onclick参数。

.click(...)在jquery和onclick是一样的,所以当你调用save()的时候,你基本上正在注册另一个onclick

0

我也在工作,我最终做的是我用提交然后在我做的形式。

Html.BeginForm("", "", FormMethod.Post , new { id = "myFormid", onSubmit="return false;"}) 

这会停止提交,但是如果型号无效,它不会提供自动短路。