-2

この jsp ページは、jQuery を検証に使用していません。JSP ページには、検証が必要な 2 つのフォーム フィールドが含まれていることを確認してください。何か不足していると思います。テキスト フィールドを検証して、数字と最大 4 つの数字のみを確認する必要があります。

    <html>

    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
    <title>Insert title here</title>
    <link rel="stylesheet" href="http://jquery.bassistance.de/validate/demo/site-demos.css">



    </head>
    <body>
    <form action="ChangePIN"  id="myform"  method="post" >
        <table width="100%" height="100%">
            <tr>
                <td colspan="2"><%@include file="atmAdmin.jsp"%>
                </td>
            </tr>
            <tr height="100%">
                <td colspan="2" align="center">
                    <div style="">Enter old and new PIN</div>
                    <table style="font-family: verdana font-size : 38px" align="center">

                        <tr>
                            <td></td>
                        </tr>

                        <tr>
                            <td font-size="28px">Enter Old PIN No.</td>
                            <td><input type="name" id="oldPin" name="oldPin">
                            </td><td><span id="m1" ></span>
                                </td>
                        </tr>
                        <tr>
                            <br>
                            <td></td>

                        </tr>
                        <td></td>
                        </tr>
                        <tr>
                            <td font-size="28px">Enter New Pin</td>
                            <td><input type="name" id="newPin" name="newPin" >
                            </td><td><span id="m2" ></span>
                                </td>
                        </tr>
                        <tr>
                            <br>
                            <td></td>
                            <td align="center"><input type="submit" value="submit" >
                            </td>
                        </tr>
                        </form>

                    </table></td>
            </tr>
            <tr width="22px" valign="bottom">
                <td colspan="2"><%@include file="atmFoot.jsp"%>
                </td>
            </tr>
        </table>
                        <script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
                        <script src="http://jquery.bassistance.de/validate/jquery.validate.js"></script>
                        <script src="http://jquery.bassistance.de/validate/additional-methods.js"></script>
                        <script>
                        //just for the demos, avoids form submit
$(document).ready(function(){
                        jQuery.validator.setDefaults({
                        debug: true,
                        success: "valid"
                        });
                        $( "#myform" ).validate({
                        rules: {
                        oldPin: {
                        required: true,
                        digits: true,
                        maxLength: 4
                        },
                        newPin: {
                        required: true,
                        digits: true,
                        maxLength: 4
                        }
                        }
                        });
});
                        </script>

    </body>
    </html>

私は初心者なので、私を助けてください。

4

3 に答える 3

0

あなたのルールは無効です...

maxLength: 4

する必要があります...

maxlength: 4

JavaScript では大文字と小文字が区別されることに注意してください。

また、ひどく不正な HTML があります。のような特定の要素のみが、タグ<td>の直接の子孫になることができます。<table>

<form>
    <table>
        ....
        <table>
             ....
        </form>  <!-- you can't close form here! -->
    </table>
    ....
</table>

する必要があります...

<form>
    <table>
        ....
            <table>
                ....
            </table>
        ....
    </table>
</form>

tdあなたはまだ無効なHTML を持っていますtr。少なくとも検証は現在機能しています...

動作デモ: http://jsfiddle.net/eM2TK/

コードをW3C HTML オンライン検証ツールに通して、すべてのエラーを修正する ことをお勧めします。

于 2013-09-18T20:22:31.103 に答える