在很多时候，我们都不是一步就将所有信息填写完整，然后提交。而是分步进行填写表单

如下所示：

第一步填写基本信息，

第二步填写教育信息

要求我们每一步操作都要进行验证，这样我们可以用以下方式进行验证：复制代码代码如下：脚本类型=' text/JavaScript '语言=' JavaScript ' src='/Scripts/jquery-1。4 .1 .量滴js '/script脚本类型=' text/JavaScript '语言=' JavaScript ' src='/Scripts/jquery。验证。量滴' js '/script H2验证步骤/H2表单action=' ' id=' register form ' method=' post ' div class=' step 1验证组' style=' display:block；'p基本情况/p表格边框='0 '单元格填充='0 '单元格间距='0' tr td姓名：输入type=' text ' id=' name ' class=' required '//TD/tr tr TD年龄：input type=' text ' id=' age ' class=' required number '//TD/tr tr TD input type=' button ' class=' next ' value='下一步//TD/tr/table/div div class='步骤2验证组' style=' display:none ' p教育背景/p表格边框='0 '单元格填充='0 '单元格间距='0' tr td毕业学校：输入type=' text ' id=' school ' class=' required '//TD/tr tr TD专业：input type=' text ' id=' major ' class=' required '//TD/tr tr TD input type=' submit ' value='提交//TD/tr/table/div/form script language=' JavaScript ' type=' text/JavaScript ' function InitValidationGroup(){ $(' .验证组。下一个)。单击(function(evt){ if(被验证($(this)).最近('。 验证组”))){ $(“步骤1”).hide()；$('第二步')。show()；} else { evt。防止默认()；} });$('步骤1:文本').keydown(函数(evt){ if(evt。key code==13){ var $ next input=$(this).nextAll(':input:first ')；if(下一次输入。is(':submit '){ Validate(evt)；} else { evt。防止默认()；$下一个输入。焦点()；} } });}函数有效(组){ var有效=真；group.find(':input ').每个（函数(I，item) { if(！$(项目)。valid())是valid=false});return isValid} $(文档)。ready(function(){ InitValidationGroup()；var validator=$('#registerForm ').validate()；});/脚本

郑重声明：本文由网友发布，不代表盛行IT的观点，版权归原作者所有，仅为传播更多信息之目的，如有侵权请联系，我们将第一时间修改或删除，多谢。