Javascript.RU

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

Валидация формы через JavaScript/jQuery [вопрос закрыт]
Необходима небольшая помощь в JavaScript. Бюджет: 10wmz

1. Сайт http://natr-nsp.ru/
2. У него есть формы, как например, ЗАКАЗАТЬ ЗВОНОК.
3. Проблема в том, что форма НЕ ПРОХОДИТ ВАЛИДАЦИЮ ни при каких значениях (даже если убрать проверку по корректности ввода номера и имени), т.е. всегда при нажатии "Отправить заявку!" появляется сообщение "Не удалось отправить форму!".
4. Такая же ситуация на всех остальных формах.

Файлы, которее отвечают за эту часть: http://natr-nsp.ru/scripts.js и http://natr-nsp.ru/app/c/tracker.js

Помогите, пожалуйста, разобраться и исправить этот косяк во всех формах.

ps. Можно напрочь убрать валидацию, за исключением той, которая подцеплена к полям (телефон, email, корректное имя и т.д.)

Последний раз редактировалось valerius_balance, 25.12.2014 в 23:24. Причина: вопрос решен
Ответить с цитированием
  #2 (permalink)  
Старый 23.12.2014, 13:17
Аспирант
Отправить личное сообщение для fancy Посмотреть профиль Найти все сообщения от fancy
 
Регистрация: 16.12.2014
Сообщений: 67

Не сочти за рекламу.
Вот моя библиотека для форм на JQuery
http://fancyjs.com
Особый упор сделал на валидацию вот пример.
http://fancyjs.com/samples/validation.html
Ajax Sumbit если форма прошла валидацию.
Добавление своего типа валидации через RegExp или function.

Дизайн формы можешь поменять через css.
Про цену не парься.
Это просто моя проба коммерческого проекта.
Пока не продал ни одной лицензии.
Считай для тебя даром - за ритвит одной из новостей.
https://twitter.com/FancyForm
Ответить с цитированием
  #3 (permalink)  
Старый 23.12.2014, 13:30
Новичок на форуме
Отправить личное сообщение для valerius_balance Посмотреть профиль Найти все сообщения от valerius_balance
 
Регистрация: 23.12.2014
Сообщений: 5

fancy,
подмочь прикрутить эту штуку сможете?
Ответить с цитированием
  #4 (permalink)  
Старый 23.12.2014, 13:32
Аспирант
Отправить личное сообщение для fancy Посмотреть профиль Найти все сообщения от fancy
 
Регистрация: 16.12.2014
Сообщений: 67

Помогу)))

Сейчас набросаю код))
Дизайн уж сам поменяй)) придется переписать css))
Ответить с цитированием
  #5 (permalink)  
Старый 23.12.2014, 13:56
Аспирант
Отправить личное сообщение для fancy Посмотреть профиль Найти все сообщения от fancy
 
Регистрация: 16.12.2014
Сообщений: 67

Вот как то так))
http://jsfiddle.net/mikhailtatsky/xyn60t3v/1/

Про валидацию телефона, я подумаю.
По сути нужно найти просто RegExp для этого.
Либо можешь скопировать код проверки телефона и вставить в функцию.
Следующий пост - два примера как сделать через RegExp и как через function

Поменяй url для sumbit запроса на свой и метода отправки.
GET или POST в method, по умолчанию GET

FancyForm.vtype({
	type: 'email',
	re: /^(")?(?:[^\."])(?:(?:[\.])?(?:[\w\-!#$%&'*+\/=?\^_`{|}~]))*\1@(\w[\-\w]*\.){1,5}([A-Za-z]){2,6}$/,
	blankText: 'required',
	text: 'Incorect email'
});

var form = $('#form').FancyForm({
	title: 'Регистрация',
	width: 300,
	height: 250,
	inputWidth: 195,
	labelWidth: 60,
	
	url: 'submit.php',
	params: {
		//param1: 1,
	   // param2: 'string'
	},
	method: 'POST',
	
	defaults: {
		type: 'string'
	},
	items: [{
		label: 'Имя*',
		emptyText: 'Имя',
		valid: {
			blank: false,
			blankText: 'Необходимо заполнить'
		},
		name: 'name'
	},{
		label: 'Фамилия*',
		emptyText: 'Фамилия',
		valid: {
			blank: false,
			blankText: 'Необходимо заполнить'
		},
		name: 'surname'
	},{
		label: 'E-mail*',
		emptyText: 'E-mail',
		valid: {
			type: 'email',
			blank: false,
			blankText: 'Необходимо заполнить'
		},
		name: 'email'
	},{
		type: 'number',
		label: 'Телефон*',
		name: 'phone',
		valid: {
			blank: false,
			blankText: 'Необходимо заполнить'
		}
	}],
	buttons: [{
		text: 'Получить Дисконтную Карту',
		handler: function(){
			form.submit({
				params: {
					//param3: 'Some Values'
				},
				success: function(result, status, xhr){
					console.log('success');
					console.log(arguments);
				},
				error: function(xhr,status,error){
					console.log('error');
					console.log(arguments);
				}
			});
		}
	}]
});

Последний раз редактировалось fancy, 23.12.2014 в 14:20.
Ответить с цитированием
  #6 (permalink)  
Старый 23.12.2014, 13:57
Аспирант
Отправить личное сообщение для fancy Посмотреть профиль Найти все сообщения от fancy
 
Регистрация: 16.12.2014
Сообщений: 67

FancyForm.vtype({
	type: 'email',
	re: /^(")?(?:[^\."])(?:(?:[\.])?(?:[\w\-!#$%&'*+\/=?\^_`{|}~]))*\1@(\w[\-\w]*\.){1,5}([A-Za-z]){2,6}$/,
	blankText: 'required',
	text: 'Incorect email'
});

FancyForm.vtype({
	type: 'age',
	fn: function(value){
		return value>20 && value<80;
	},
	text: 'Age should be more 20 and less 80'
});
Ответить с цитированием
  #7 (permalink)  
Старый 23.12.2014, 13:57
Аспирант
Отправить личное сообщение для fancy Посмотреть профиль Найти все сообщения от fancy
 
Регистрация: 16.12.2014
Сообщений: 67

Будут еще вопросы спрашивай))
Ответить с цитированием
  #8 (permalink)  
Старый 23.12.2014, 14:00
Аспирант
Отправить личное сообщение для fancy Посмотреть профиль Найти все сообщения от fancy
 
Регистрация: 16.12.2014
Сообщений: 67

text: 'Incorect email' поменяй на
text: 'Некорректный email'
Ответить с цитированием
  #9 (permalink)  
Старый 23.12.2014, 14:29
Новичок на форуме
Отправить личное сообщение для valerius_balance Посмотреть профиль Найти все сообщения от valerius_balance
 
Регистрация: 23.12.2014
Сообщений: 5

fancy, Подключил Вашу библиотеку js. Вот такую ошибку выдает http://prntscr.com/5k1k6v

Это всё в порядке?
Ответить с цитированием
  #10 (permalink)  
Старый 23.12.2014, 14:31
Новичок на форуме
Отправить личное сообщение для valerius_balance Посмотреть профиль Найти все сообщения от valerius_balance
 
Регистрация: 23.12.2014
Сообщений: 5

fancy, отменяется. Это я оказывается подключил Вашу библиотеку до jquery.
Ответить с цитированием
Ответ



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

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


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Создание новой вкладки в браузере через Javascript. mshdn Javascript под браузер 6 04.03.2014 03:58
Валидация формы в зависимости от значения radio batton housewm Events/DOM/Window 1 10.01.2014 18:46
Валидация формы Ваяс Элементы интерфейса 8 11.07.2012 15:20
Выдвет ошибку JavaScript Ромио Opera, Safari и др. 4 21.10.2010 20:34
Обращение к именам, полученным через Javascript baal1988 Events/DOM/Window 1 31.08.2008 15:08