Форма проверки jQuery не работает

Question

МОЙ файл .js:

 //rounded corners
        $(document).ready(function() {
            $("#topbar").corner("bl br 5px");
            $("#mainbar").corner("5px");
            $("#sidebar").corner("5px");
            $("#bottombar").corner("5px");
        });
    //form
        $(document).ready(function(){
            $("#commentForm").validate({
                rules: {
                    FieldData0: {
                        required: true
                    },
                    FieldData1: {
                        required: true,
                        email: true
                    },
                    FieldData2: {
                        required: true
                    }
                },
                messages: {
                    FieldData0: {
                        required: "* Required"
                    },
                    FieldData1: {
                        required: "* Required",
                        minlength: "* 2 Characters Required."
                    }
                }   
            });
        })

Мой .html файл:

<div id="mainbar">
        <form id="commentForm" method="post" action="http://www.emailmeform.com/fid.php?formid=254816">
        <h2>Contact Form</h2>
        <p>
            <label for="name">Your Name</label>
            <input type="text"  id="name" name="FieldData0" />
        </p>
        <p>
            <label for="email">Your Email</label>
            <input type="text"  id="email" name="FieldData1" />
        </p>
        <p>
            <label for="message">Your Message</label>
            <textarea type="text" id="message" name="FieldData2"></textarea>
        </p>
        <p>
            <input id="button" type="submit" value="Submit">
        </p>
        </form>
    </div>

живой пример:

http://weedcl.zxq.net/form.html

Answer 1

Посмотрев демо, я заметил, что ваши jquery дополнения отсутствуют (по крайней мере, в html). Попробуйте добавить:

<script type="text/javascript" src="http://ajax.microsoft.com/ajax/jquery.validate/1.6/jquery.validate.js" />

Перед включением custom.js в головной документ. Проверка формы осуществляется с помощью плагина, а не самого jQuery.

Также я заметил, что угловой плагин также отсутствует - скачайте его и включите в голову.

Вероятно, вы должны сделать то же самое с jQuery png fix .