-2

「jquery-validation-1.11.1プラグイン」を使用して、登録フォームのデータ検証を確認しました。これは優れた便利なプラグインです。完全なコードはこちらです。

<html>
<head>
    <title>Data validation with jquery plug-in</title>
    <style>
        label{
            display:block;
            color: #555;

            margin-left:500px;
        }
        label.error{
            color: #900;
            font-style: Italic;
        }
        input{

            margin-left:500px;
        }
        textarea{
            margin-left:500px;
        }
    </style>
</head>

<body>
    <form id="comment" action="">
        <p>
            <label for="cname">Name(required, at least 2 characters)</label>
            <input id="cname" name="name">
        </p>
        <p>
            <label for="cemail">Name(required)</label>
            <input id="cemail" name="email" type="email">
        </p>
        <p>
            <label for="curl">URL(optional)</label>
            <input id="curl" name="url" type="url">
        </p>
        <p>
            <label for="comment">Your comment(required)</label>
            <textarea id="ccomment" name="comment"></textarea>
        </p>
        <p>
            <input class="submit" type="submit" value="submit">
        </p>
        <p>
            <input type="submit" value="Click">
        </p>
    </form>

    <script src="jquery.js"></script>
    <script src="jquery.validate.min.js"></script>
    <script>
        $(document).ready(function(){
            $("#comment").validate({
                rules:{
                    name:{
                        "required":true,
                        "min":2
                    },
                    email:{
                        "required":true,
                        "email":true
                    },
                    comment:{
                        "required":true
                    }
                }

            });
        });
    </script>
</body>

「送信ボタン」をクリックしたときだけバリデーションを確認したい。しかし、今私の問題は、ボタンをクリックしてデータ検証を行うことです。どうすれば修正できますか？

4

1 に答える 1