Начинающий с jQuery ... проверка полей формы

Question

Я сейчас изучаю jQuery и пытаюсь проверить поля формы с его помощью.

Форма регистрации: http://taehee.pumpl.com/register.php

Основной код для поля формы, которое я сделалis:

<div id="register">
        <form action="">
        <fieldset>
        <legend>Register</legend>
        <ol>
            <li><label for="username">유저네임</label>
            <input id="username" name="username" size="32" type="text" ></li>
            <li><label for="email">이메일</label>
            <input id="email" name="email" size="32" type="text"></li>
            <li><label for="password">비밀번호</label>
            <input id="password" name="password" size="32" type="password"></li>
            <li><label for="password2">비밀번호 확인</label>
            <input id="password2" name="password2" size="32" type="password"></li></li>
        </ol>
        </fieldset>
        <input type="submit" value="Submit">
        </form>
    </div> <!-- register -->

Я загрузил jQuery в заголовок, используя следующее:

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.0/jquery.min.js"></script>
<script type="text/javascript" src="js/script.js"></script>

Я также создал скрипт со следующим кодом:

$('#register').validate({
rules: {
    username: {
        required: true,
    },
    email: {
        required: true,
        email: true
    },
    password: {
        minlength: 4,
        required: true
    },
    password2: {
        equalTo: "#password"
    }
},
success: function(label) {
    label.text('OK!').addClass('valid');
}

});

К сожалению, это не похоже на работу.Я заполняю форму, и не имеет значения, все ли поля заполнены неправильно.

Кто-нибудь может мне помочь?Спасибо!

Answer 1

Здесь есть две небольшие проблемы, которые легко исправить.Во-первых, как говорится в комментариях, вам необходимо включить плагин проверки, например:

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

. Он извлекает его из CDN Microsoft или захватывает и размещает на своем сайте.Вторая проблема заключается в том, что .validate() работает на <form> элементах, поэтому вам нужно это вместо этого:

 $("#register form")

Или, непосредственно передайте идентификатор <form> и используйте этоселектор.

Вот обновленная версия с обоими исправлениями на месте , также jQuery выпустила 1.4.1 и 1.4.2 , вы можетеЕсли вы хотите обновить эти исправления, просто измените 1.4.0 в вашем src URL-адресе на 1.4.2.