クイズを通じてjquery.validate.jsを使用してページを検証し、完全に機能する次のスクリプトがあります。エラーメッセージと呼ばれるdivに配置される必須フィールドのエラーメッセージを探しています。jQuery validate は通常、「このフィールドは必須です」というメッセージを返します。
ここにスクリプトがあります
<script type="text/javascript">
var curPage=1;
function NextPage() {
if (curPage < <?= $num; ?>) {
var group = "#page_" + curPage.toString();
var isValid =true;
$(group).find(':input').each(function (i, item) {
if (!$(item).valid())
isValid = false;
});
if( !isValid){ alert("PLEASE MAKE A SELECTION"); }
else{
$("#page_" + curPage.toString()).hide(); //hide current page div
curPage++; //increment curpage
$("#page_" + curPage.toString()).show(); //show new current page div
}
}
}
function PrevPage() {
if (curPage > 1) {
$("#page_" + curPage.toString()).hide(); //show new current page div
curPage--; //increment curpage
$("#page_" + curPage.toString()).show(); //hide current page div
}
}
function InitializePage() {
$(".wizardPage").hide();
$("#page_" + curPage.toString()).show();
$("#surveyForm").validate({onsubmit: false});
}
$(document).ready(InitializePage
);
</script>