次の .jsp ページは、Eclipse ブラウザー (基本的には IE) を使用しているときに完全に機能しますが、Firefox にはまったく登録されません。
<script src="http://code.jquery.com/jquery-1.9.1.js"></script>
<script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script>
<script src="jquery.validate.js"></script>
<script>
$(function() {
$( "#datepicker" ).datepicker({
changeMonth: true,
changeYear: true
});
$( "#datepicker" ).datepicker( "option", "dateFormat", "dd/mm/yy" );
$().ready(function() {
$("#commentForm").validate({
rules: {
ime: "required",
prezime: "required",
datepicker: {
minlength: 10,
dateISO: true
}
}
});
});
});
</script>
<style type="text/css">
table.tablesorter {
width: 80%;
}
</style>
そして、次の表:
<table class="tablesorter">
<tr><th colspan="2"><c:out value="${naslov}"/></th></tr>`
<form action="ClanPostaveServlet" id="commentForm" method="post" accept-charset="UTF-8">
<tr>
<td>Ime*:</td>
<td><input id="ime" type="text" name="ime" value="${clanPostave.ime}" size="40"/></td>
</tr>
<tr>
<td>Prezime*:</td>
<td><input id="prezime" type="text" name="prezime" value="${clanPostave.prezime}" size="40"/></td>
</tr>
<tr>
<td>Mesto rođenja:</td>
<td><input type="text" name="mestoRodjenja" value="${clanPostave.mestoRodjenja}" size="40"/></td>
</tr>
<tr>
<td>Datum rođenja:</td>
<td><input type="text" id="datepicker" name="datumRodjenja" value="${clanPostave.datumRodjenja}" maxlength="10" size="10"/></td>
</tr>
<tr>
<td>Biografija:</td>
<td><textarea name="biografija" rows="3" cols="29"><c:out value="${clanPostave.biografija}"/></textarea></td>
</tr>
<input type="hidden" name="mode" value="${mode}"/>
<input type="hidden" name="entity" value="${entity}"/>
<input type="hidden" name="naslov" value="${naslov}"/>
<tr>
<td colspan="2"><input type="submit" value="Sačuvaj"/></td>
</tr>
</form>
</table>
今、これはIEで動作します。以前は、ヘッダーのスクリプト タグ間ではなく、各入力フィールドに属性がありました。私は持っていて<input id="prezime" type="text" name="prezime" value="${clanPostave.prezime}" size="40" required/>
、それもIEで働いていました。
私はちょうど jQuery を学んでいるので、些細なことを見落としている可能性があります。追加情報(回答以外)は大歓迎です。