jQuery load 関数を介してページをロードしています。
私の問題は、最初のページでは jQuery 検証が正常に機能することですが、他のページは ajax 経由で読み込まれるため、機能しません。以下のjspおよびjsファイルを見つけてください。
ajax page load を使うとページのソースコードが変わらないからでしょうか。表示/非表示機能を使用する必要がありますか?
//Main.jsp
<script
src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.js"
type="text/javascript"></script>
<script
src="http://ajax.microsoft.com/ajax/jquery.validate/1.7/jquery.validate.js"
type="text/javascript"></script>
<script
src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js"
type="text/javascript"></script>
<link rel="stylesheet"
href="http://code.jquery.com/ui/1.10.2/themes/smoothness/jquery-ui.css" />
<link rel='stylesheet' type='text/css' href='css/styles.css' />
<script type="text/javascript" src="js/main.js"></script>
<script src="Jquery/myscript.js"></script>
</head>
<body>
<div id="top">
<div id='mainMenu'>
<ul>
<li><a id="home"><span>Home</span></a></li>
<li><a href='#'><span>Hot Deals</span></a></li>
<li><a><span id="logPage">Login</span></a></li>
<li><a id="regPage"><span>Register</span></a></li>
<li><a id="usPage"><span>About</span></a></li>
<li class="last"><a id="adminPage"><span>Adminstration</span></a>
</ul>
</div>
<div id="mainPages">
<jsp:include page="Search.jsp"></jsp:include>
</div>
<div id="errors">
<s:actionerror />
<s:actionmessage />
</div>
</div>
</body>
</html>
//main.js
$(document).ready(function() {
$("#logPage").click(function() {
$('#mainPages').empty();
$('#mainPages').load('Index.jsp');
});
$("#regPage").click(function() {
$('#mainPages').empty();
$('#mainPages').load("Register.jsp");
});
$("#usPage").click(function() {
$('#mainPages').empty();
$('#mainPages').load("About.html");
});
$("#home").click(function() {
$('#mainPages').empty();
$('#mainPages').load("Search.jsp");
});
$("#adminPage").click(function() {
$('#mainPages').empty();
$('#mainPages').load("../AdminLogin.jsp");
});
});
//myscript.js
$(document).ready(function() {
$("#myform").validate({
rules : {
email : {
required : true,
email : true
},
password : {
required : true,
minlength : 8
},
},
messages : {
email : {
required : "Please Enter email",
email : "Valid Email Please"
}
}
});
$("#regform").validate({
rules : {
email : {
required : true,
email : true
},
password : {
required : true,
minlength : 8
},
fname : {
required : true,
lettersonly : true
},
lname : {
lettersonly : true
},
mname : {
lettersonly : true
},
geneder : {
required : true
},
city : {
required : true
},
zip : {
required : true,
digits : true,
minlength : 6,
maxlength : 6
},
mobno : {
required : true,
digits : true,
minlength : 10,
maxlength : 10
},
dob : {
required : true
}
},
messages : {
email : {
required : "Please Enter email",
email : "Valid Email Please"
}
}
});
$("#travelDate").datepicker({
defaultDate : '0',
numberOfMonths : 1,
minDate : '0',
maxDate : '1M'
});
$("#searchForm").validate({
rules : {
fromCity : {
required : true,
lettersonly : true,
},
toCity : {
required : true,
lettersonly : true
},
seats : {
required : true,
digits : true,
min : 1,
max : 9,
},
travelDate : {
required : true,
}
},
messages : {
}
});
});
)};