Jquery验证插件,用于验证带有控件的单独部分
Jquery Validate Plugin to validate seperate sections with controls
我有不同的div部分,每个部分都有一些控件。我有一个按钮可以从一个部分导航到另一个部分。所有的div都在一个表单"form1"中。布局如下:
form id="form1"
Div id="section1"
输入类型="text" id="1">
输入类型="text" id="2">
输入类型="text" id="3">
输入类型= "按钮">
/div>
div id = " section2 ">
输入4>
输入5>
输入6>
按钮到下一部分>
/div>
/形式>
我试图实现验证控件在每个div时,各自的按钮被单击。点击section 1中的按钮将验证所有控件1-3,然后导航到其他section。让我知道如何做到这一点。
谢谢。
使用jQuery可以很容易地完成这样的事情:
$(document).ready(function() {
//bind click event to section 1's submit button
$('div#section1').children(':button').click(function() {
//validate section 1 controls
});
//do the same for section 2
$('div#section2').children(':button').click(function() {
//validate section 2 controls
});
});
jQuery Validate网站有官方演示:http://jquery.bassistance.de/validate/demo/multipart/
相关文章:
- 如何在cakepp中使用javascript验证我的html表单控件
- ASP.net控件中的其他客户端验证
- 如何使用angular js验证器执行下拉控件验证
- TextBox自定义Web控件和JavaScript客户端验证
- 关闭已禁用表单控件的验证 角度
- 在 Web 浏览器中禁用 Javascript 应禁用服务器验证控件
- 在提交表单之前更改控件背景颜色,但如何在验证通过时重置颜色
- Javascript 验证控件
- 禁用隐藏面板中的asp验证控件
- JavaScript Conform对话框不工作,如果我放入Asp.Net验证控件
- 触发验证器使用js验证控件
- 如何在几个ASP上显示/隐藏错误消息?. NET验证控件
- 使用asp.net验证控件时,禁用回发按钮
- 如何在JavaScript中识别和检查验证控件
- 我们如何使用使用Javascript和asp验证控件
- 如何让验证控件和自定义javascript验证函数一起工作
- 同时触发onclientclick和客户端验证,从客户端单击按钮的验证控件
- 如何从客户端启动所有验证控件
- 电话验证控件
- ASP.NET 验证控件和 Javascript 确认框