jQuery表单验证插件不起作用

Question

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

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

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

提交表单后的按钮执行操作并继续

我当前的表单来自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
}
}
})
}

当我们使用输入type =“ submit”时，一切工作正常...但是当我们使用输入type =“ button”时，一切都不正常

任何想法如何解决这一问题？ 我是Jquery新手，请帮助

Answer 1

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

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

Answer 2

我也正在做这个，最后我要做的是我使用提交后的表单。

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

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

jQuery表单验证插件不起作用

问题描述

2 个解决方案

解决方案1
0 2010-05-24 11:09:13

解决方案2
0 2010-10-14 16:38:54

jQuery表单验证插件不起作用

问题描述

2 个解决方案

解决方案1 0 2010-05-24 11:09:13

解决方案2 0 2010-10-14 16:38:54

解决方案1
0 2010-05-24 11:09:13

解决方案2
0 2010-10-14 16:38:54