As shown below: The first step is to fill in the basic information, The second step is to fill in the education information requires us to verify every step of the operation, so we can verify in the following way: Copy the code The code is as follows : ValidateStep < ;p> Basic situation Name: Age: < ;/tr> Education background Graduation school ： < td> Major: <br>function InitValidationGroup() { <br>$( '.validationGroup .next').click(function (evt) { <br>if (IsValidated($(this).closest(".validationGroup"))) { <br>$(".step1").hide( ); <br>$(".step2").show(); <br>} <br>else { <br>evt.preventDefault(); <br>} <br>}); <br>$( '.step1 :text').keydown(function (evt) { <br>if (evt.keyCode == 13) { <br>var $nextInput = $(this).nextAll(':input:first'); <br>if ($nextInput.is(':submit')) { <br>Validate(evt); <br>} <br>else { <br>evt.preventDefault(); <br>$nextInput.focus (); <br>} <br>} <br>}); <br>} <br>function IsValidated(group) { <br>var isValid = true; <br>group.find(':input') .each(function (i, item) { <br>if (!$(item).valid()) <br>isValid = false; <br>}); <br>return isValid; <br>} <br>$(document).ready(function () { <br>InitValidationGroup(); <br>var validator = $("#registerForm").validate(); <br>}); <br></script> ; <br> </div>
