Jquery表单验证插件不起作用答案

【问题标题】：Jquery Form Validation Plugin Not WorkingJquery表单验证插件不起作用
【发布时间】：2010-05-24 11:01:39
【问题描述】：

我尝试验证一个简单的表单，但 Jquery Validation

当我只使用按钮而不是提交时插件不起作用

按钮。我不能在那里使用提交按钮，因为如果我使用提交

提交表单后的按钮它采取行动并去

到默认页面，而我当前的表单来自 Ajax。我是

对 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>

现在是validation.js 文件

function save(){

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

当我们使用 input type="submit" 时一切正常... 但是当我们使用 input type="button"

时它不起作用

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

【问题讨论】：

我认为你应该使用 onclick="save()" 调用 onlick 处理程序。

标签： javascript jquery

【解决方案1】：

使用 jQuery，您不需要 onclick。删除function save()、{、} 和onclick 参数。

jquery 中的.click(...) 与onclick 相同，因此在调用save() 时，您实际上是在注册另一个onclick。

【讨论】：

【解决方案2】：

我也在做这个我最终做的事情是我使用提交然后在我所做的表单上。

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

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

【讨论】：