0

以下のようなフォームで jQuery Validate プラグインを使用しようとしています。

JS:

<script src="jquery-1.7.1.js" type="text/javascript"></script>
<script src="jquery.validate.js" type="text/javascript"></script>
<script>
function ValidateFields() {

    $("#createProgramForm").validate({
        rules: {
            firstname: { required: true, minlength: 2 },
            lastname: { required: true }
        },
        messages: {
            firstname: { minlength: "Minimum 2 characters." },
            lastname: { required: "Please enter a last name." }
        }
    });


    if ($("#createProgramForm").valid()) {
        alert("Form is valid");
    }

}
</script>

HTML:

<body>
<div id="page">
    <form id="createProgramForm">
        <p>
            <label for="firstname">
                First Name</label>
            <input name="firstname" id="firstname" type="text" />
        </p>
        <p>
            <label for="lastname">First Name</label>
            <input name="lastname" id="lastname" type="text" />
        </p>
        <p>
            <button onclick="ValidateFields();">Validate</button>
        </p>
    </form>
</div>
</body>

[検証] をクリックすると、フィールドの横に検証エラー メッセージが表示されます。ただし、ここのデモのようにフィールドが有効になると、エラー メッセージは消えません。なぜこれが起こるのか誰か知っていますか？

4

1 に答える 1

0

ええと、私のために働きます。おそらく、最新の jquery.validate プラグインを試してみませんか? 私が使用したバージョンはここにありました

于 2012-04-16T20:32:30.273 に答える