0

jQuery Validate プラグインをテストしていますが、コントロールを検証しようとするといくつかの問題に直面しています。ページで FORM 要素を使用しようとはしていません。CSS セレクターを使用して要素を取得し、いくつかのカスタム ルールを追加しようとしています。

これが私のコードです

    <head>
    <title></title>
    <script src="http://code.jquery.com/jquery-1.9.1.min.js" type="text/javascript"></script>
    <script src="scripts/jquery.validate.js" type="text/javascript"></script>
    <script type="text/javascript">
        $(document).ready(function () {
            $('.custom').validate({
                rules: {
                    name: 'required',
                    email: {
                        required: true,
                        email: true
                    }
                },
                messages: {
                    name: "Please specify your name",
                    email: {
                        required: "We need your email address to contact you",
                        email: "Your email address must be in the format of name@domain.com"
                    }
                }
            });
        });

        function valid() {
            return $('.custom').valid();
        }
    </script>
    <style type="text/css">
    .error { color: Red; }
    </style>
</head>
<body>
    <form id="form" method="get" action="">
        <input type="text" name="name" class="custom" /><br />
        <input type="text" name="email" class="custom" /><br />
        <input class="submit" type="submit" value="submit" onclick="return valid();" />
    </form>
</body>

ここで何が間違っているのかわかりません。誰かがそれを指摘できますか？これはjQuery.Validateでは許可されていませんか? 検証が機能するためには、フォーム要素が必須ですか?

$('#form').validate({PS:セレクターとして#form ( ) を使用すると、まったく問題なく動作します。

ありがとうセンティルS

4

2 に答える 2

0

入力に割り当てられたクラスの代わりに<form>idセレクターを使用することをお勧めします。#form

$('#form').validate({
于 2013-04-03T18:37:05.643 に答える