Проблемы Валидации Формы Jquery Validate

Тема в разделе "HTML, CSS, XML, JavaScript", создана пользователем Ryuujin, 22 июл 2014.

  1. Ryuujin

    Ryuujin Member

    Регистрация:
    24 дек 2010
    Сообщения:
    5
    Симпатии:
    0
    Решил воспользоваться JQuery Validate, но не тут-то было.
    1) не срабатывают rules и messages; реально валидация происходит только если в input'ы довавить атрибуты data по типу: data-required, data-pattern и т.д.
    2) при использовании submitHandler для отправки формы аяксом, форма не отправляется;
    3) как добавить проверку на заполнение хотя бы 1 checkbox'а?
    Код (PHP):
    $("#afishaOrderForm").validate({
    rules: {
    name: {
    required: true,
    minlength: 2
    },
    email: {
    email: true
    },
    phone: {
    required: true,
    minlength: 6
    }
    },
    messages: {
    name: {
    required: "Укажите Ваше имя",
    minlength: "Ваше имя слишком короткое"
    },
    email: {
    email: "Вы указали некорректный email"
    },
    phone: {
    required: "Укажите Ваш номер телефона",
    minlength: "Ваш телефонный номер слишком короткий"
    }
    },
    onKeyup: true,
    eachValidField: function() {
    $(this).removeClass('error').addClass('success');
    },
    eachInvalidField: function() {
    $(this).removeClass('success').addClass('error');
    },
    errorPlacement: function(error, element) {
    element.appendTo(".error-wrap");
    error.appendTo(".error-wrap");
    },
    submitHandler: function(form) {
    var data = form.serialize();
    $.ajax({
    type: 'POST',
    url: 'ajax_send_afisha.php',
    data: data,
    success: function(data) {
    if (data['error']) {
    alert(data['error']);
    } else {
    $(".error-wrap").html('Ваша заявка принята.');
    }
    },
    error: function(xhr, ajaxOptions, thrownError) {
    console.log(xhr.status);
    console.log(thrownError);
    },
    });

    }
    });
    Код (PHP):
    <div class="error-wrap" id="error-wrap"> </div>
    <div class="afisha-fields">
    <input name="name" type="text" placeholder="Имя" value="" data-required="true" data-pattern="^[A-Za-zА-Яа-я]+$" data-minlength="2" data-describedby="name-description" data-description="name" /><br />
    <input name="email" type="email" placeholder="Эл. почта" value="" data-email data-describedby="email-description" data-description="email" /><br />
    <input name="phone" type="text" placeholder="Телефон" value="" data-required="true" data-pattern="^[0-9\+\-]+$" data-minlength="6" data-describedby="phone-description" data-description="phone" /><br />
    <input type="submit" class="submit" value="Заказать" />
    </div>
     
Загрузка...
Похожие Темы - Проблемы Валидации Формы
  1. aliaksandr89
    Ответов:
    3
    Просмотров:
    150
  2. Amfion
    Ответов:
    5
    Просмотров:
    145
  3. wowa
    Ответов:
    7
    Просмотров:
    402
  4. John_Tavarez
    Ответов:
    0
    Просмотров:
    343
  5. Валентин Амбер
    Ответов:
    11
    Просмотров:
    372

Поделиться этой страницей