手机版

jquery.validate分组验证代码

时间:2021-10-20 来源:互联网 编辑:宝哥软件园 浏览:

如下所示:第一步填写基本信息

第二步填写教育信息

要求我们每一步操作都要进行验证,这样我们可以用以下方式进行验证:复制代码代码如下:脚本类型='text/javascript '语言=' JavaScript ' src=' http :/Scripts/jquery-1。4 .1 .量滴js /脚本脚本类型='text/javascript '语言=' JavaScript ' src=' http :/Scripts/jquery。验证。量滴js /脚本H2验证步骤/H2表单操作=' id=' registerForm '方法=' post ' div class=' step 1 validate p基本情况/p表格边框='0 '单元格填充='0 '单元格间距='0' tr td姓名:输入类型=' text ' id=' name ' class=' required '/TD/tr TD年龄:输入类型='text' id='age' class='必选号码TD/tr/tr输入类型='button' class='next' value='下一步//TD/tr/table/div class=' step 2 validation GrouP ' style=' display : none ' p教育背景/p表格边框='0 '单元格填充='0 '单元格间距='0' tr td毕业学校:输入类型=' text ' id=' school ' class='必填TD/TD/tr专业:输入类型=' text ' id=' major ' class=' required '/TD/tr TD输入类型='submit '值='提交//td /tr /table /div /form脚本语言='javascript '类型='text/javascript '函数InitValidationGroup() { $().验证组。下一个')。单击(函数(evt){ if(is validated)($(this)).最近的('。 validation GrouP '){ $(。步骤1’).hide();$(.第二步').show();} else { evt。prevent default();} });$(.步骤1 :文本').向下键(函数(evt){ if(evt)。键码==13){ var $ nextInput=$(this).下一个全部(' :输入:第一');if($ nextinput)。is(' : submit '){ Validate(evt);} else { evt。prevent default();$ NextInput。焦点();} } });}函数已验证(组){ var有效=truegroup.find(':input ').每个(函数(I,item) { if(!$(物品)。valid())有效=false});返回无效;} $(文档)。ready(function(){ initvalidationGrouP();var validator=$('#registerForm ').validate();});/script

版权声明:jquery.validate分组验证代码是由宝哥软件园云端程序自动收集整理而来。如果本文侵犯了你的权益,请联系本站底部QQ或者邮箱删除。