Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 27.03.2014, 17:27
Новичок на форуме
Отправить личное сообщение для Antistar Посмотреть профиль Найти все сообщения от Antistar
 
Регистрация: 27.03.2014
Сообщений: 3

Валидация формы с помощь jQuery
Необходимо проверить форму на корректность ввода с помощью jQuery и отправить данные через Аякс

CMS Wordpress
Вёрстка с использованием Bootstrap 3

подключил скрипты:

<script type="text/javascript" src="<?php bloginfo('template_directory'); ?>/js/jquery-1.9.0.js"></script>
	<script type="text/javascript" src="<?php bloginfo('template_directory'); ?>/js/jquery.validate.min.js"></script>
	<script type="text/javascript" src="<?php bloginfo('template_directory'); ?>/js/jquery.form.js"></script>
	<script type="text/javascript" src="<?php bloginfo('template_directory'); ?>/js/validator.js"></script>


код формы
<form id="inForm" name="inForm" action="<?php bloginfo('template_directory'); ?>/ajaxForm.php" method="post">
			<div class="form-group">
			 <label for="Name">Имя<em></em></label>
		     <input type="text" class="form-control" id="Name" name="Name" placeholder="Имя" value="">
			</div>
			<div class="form-group">
			 <label for="Phone">Телефон<em></em></label>
		     <input type="text" class="form-control" id="Phone" name="" placeholder="Телефон" value="">
			</div>
			<div class="form-group">
			 <label for="Email1">Email адрес<em></em></label>
			 <input type="text" class="form-control" id="Email1" placeholder="Email адрес" value="">
			</div>
			<button type="submit" id="submit" class="btn btn-default">Отправить</button>
		</form>


код валидатора validator.js
$(document).ready(function(){
  var options = { 
  	target: "#output",
    timeout: 3000
  };
  
  $("#inForm").validate({
  	submitHandler: function(form) {
  	  $(form).ajaxSubmit(options);
    },
    focusInvalid: false,
    focusCleanup: true,
    rules: {
      Name: {
      	required: true,
      	minlength: 2,
      	maxlength: 12
      },
	  Phone: {
      	required: true,
      	digits: true
      },
      Email1: {
      	required: true,
      	email: true
	  },
	},
    messages: {
      Name: {
        required: "Укажите свое имя, пожалуйста!",
        minlength: "Не менее 2 символов",
        maxlength: "Не более 12 символов"
      },
	  Phone: {
        required: "Укажите свой телефон!",
        digits: "Только цифры",
      },
      Email1: {
        required: "Нужно указать email адрес",
        email: "Email адрес должен быть корректным"
      },
    },
    errorPlacement: function(error, element) {
      var er = element.attr("name");
      error.appendTo( element.parent().find("label[@for='" + er + "']").find("em") );
    }
});
});


Ничего не работает, по теории в лейбле над инпутами должно выводиться сообщение о некорректном вводе, но не происходит ничего от слова "совсем". Подскажите нубику, где косяк
Ответить с цитированием
  #2 (permalink)  
Старый 27.03.2014, 17:35
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,076

Antistar,
41 строка попробуйте запятую убрать и 36 и 26
Ответить с цитированием
  #3 (permalink)  
Старый 27.03.2014, 17:42
Новичок на форуме
Отправить личное сообщение для Antistar Посмотреть профиль Найти все сообщения от Antistar
 
Регистрация: 27.03.2014
Сообщений: 3

Сообщение от рони Посмотреть сообщение
Antistar,
41 строка попробуйте запятую убрать и 36 и 26
Не помогло.
Ответить с цитированием
  #4 (permalink)  
Старый 27.03.2014, 17:51
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,076

Antistar,
@ это тоже нафиг!
Ответить с цитированием
  #5 (permalink)  
Старый 27.03.2014, 17:55
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,076

и name пропишите в форме для телефона и адреса
Ответить с цитированием
  #6 (permalink)  
Старый 27.03.2014, 18:03
Новичок на форуме
Отправить личное сообщение для Antistar Посмотреть профиль Найти все сообщения от Antistar
 
Регистрация: 27.03.2014
Сообщений: 3

Вы мой кумир и просветитель криворуких нубов) Работает))) Спасибо
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Валидация формы vierhein jQuery 0 28.02.2014 16:40
Валидация формы в зависимости от значения radio batton housewm Events/DOM/Window 1 10.01.2014 18:46
Срочно нужна помощь с jQuery, cookies xxxLOGIATxxx Библиотеки/Тулкиты/Фреймворки 0 08.05.2011 09:57
нежелательная отправка формы в jQuery UI autocomplete combobox konst56 jQuery 0 18.12.2010 11:28
Валидация формы dmsuslov jQuery 4 05.11.2010 16:12