JQuery validate在Mozilla Firefox中不起作用,但在IE中有效

时间:2013-06-25 16:31:37

标签: jquery html jsp jquery-validate

我有以下.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,所以我可能会遗漏一些微不足道的东西。任何其他信息(除了答案)将不胜感激。

0 个答案:

没有答案