【www.gdgbn.com--jquery】


<script type="text/网页特效" language="javascript" src="/scripts/jquery-1.4.1.min.js"></script>
<script type="text/javascript" language="javascript" src="/scripts/jquery.validate.min.js"></script>


validatestep





基本情况





姓名:




年龄:











教育背景





毕业学校:




专业:










<script language="javascript" type="text/javascript">
function initvalidationgroup() {
$(".validationgroup .next").click(function (evt) {
if (isvalidated($(this).closest(".validationgroup"))) {
$(".step1").hide();
$(".step2").show();
}
else {
evt.preventdefault();
}
});
$(".step1 :text").keydown(function (evt) {
if (evt.keycode == 13) {
var $nextinput = $(this).nextall(":input:first");
if ($nextinput.is(":submit")) {
validate(evt);
}
else {
evt.preventdefault();
$nextinput.focus();
}
}
});
}
function isvalidated(group) {
var isvalid = true;
group.find(":input").each(function (i, item) {
if (!$(item).valid())
isvalid = false;
});
return isvalid;
}
$(document).ready(function () {
initvalidationgroup();
var validator = $("#registerform").validate();
});
</script>

本文来源:http://www.gdgbn.com/wangyezhizuo/29484/