Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 13.05.2014, 02:45
Интересующийся
Отправить личное сообщение для MorroWIndss Посмотреть профиль Найти все сообщения от MorroWIndss
 
Регистрация: 24.04.2014
Сообщений: 16

Отправка формы js
Здравствуйте.
Есть скрипт
function validateFields() {
var frmEl = document.getElementById('cForm');
var posName = document.getElementById('posName');
var posEmail = document.getElementById('posEmail');
var posText = document.getElementById('posText');

	if ( posName.value == '') {
		alert("Введите Ваше имя");
		posName.focus();
		return;
	}
	
	if ( posEmail.value == '') {
		alert("Введите Ваш Email");
		posEmail.focus();
		return;
	}
var whiteSpace = /^[\s]+$/;	
	if ( posText.value == 'Address' || whiteSpace.test(posText.value) ) {
		alert("Введите адрес");
		posText.focus();
		return;
	}
	
		sendPosEmail();
	
}
function sendPosEmail () {
	var success = document.getElementById('emailSuccess');
	var posName = document.getElementById('posName');
	var posEmail = document.getElementById('posEmail');
	var posText = document.getElementById('posText');
	var page = "/scripts/xmlHttpRequest.php?contact=true&xml=true";
	
	showContactTimer(); // quickly begin the load bar
	success.style.display = 'none'; // hide the success bar (incase this is a multi-email
	
	// convert (&, +, =) to string equivs. Needed so URL encoded POST won't choke.
	var str1 = posName.value;
	str1 = str1.replace(/&/g,"**am**");
	str1 = str1.replace(/=/g,"**eq**");
	str1 = str1.replace(/\+/g,"**pl**");
	var str2 = posEmail.value;
	str2 = str2.replace(/&/g,"**am**");
	str2 = str2.replace(/=/g,"**eq**");
	str2 = str2.replace(/\+/g,"**pl**");
	var str4 = posText.value;
	str4 = str4.replace(/&/g,"**am**");
	str4 = str4.replace(/=/g,"**eq**");
	str4 = str4.replace(/\+/g,"**pl**");
	
	var stuff = "posName="+str1+"&posEmail="+str2+"&posText="+str4;
	loadXMLPosDoc(page,stuff)
}
function showContactTimer () {
	var loader = document.getElementById('loadBar');
	loader.style.display = 'block';
	sentTimer = setTimeout("hideContactTimer()",800);
}

function hideContactTimer () {
	var loader = document.getElementById('loadBar');
	var success = document.getElementById('emailSuccess');
	var fieldArea = document.getElementById('contactFormArea');
	var inputs = fieldArea.getElementsByTagName('input');
	var inputsLen = inputs.length;
	var tAreas = fieldArea.getElementsByTagName('textarea');
	var tAreasLen = tAreas.length;
	// Hide the load bar alas! Done Loading
	loader.style.display = "none";
	success.style.display = "block";
	success.innerHTML = '<strong style="color:green;">'+grabPosXML("confirmation")+'</strong>';
	// Now Hijack the form elements
	for ( i=0;i<inputsLen;i++ ) {
		if ( inputs[i].getAttribute('type') == 'text' ) {
			inputs[i].value = '';
		}
	}
	for ( j=0;j<tAreasLen;j++ ) {
		tAreas[j].value = '';
	}
}

function ajaxContact() {
var frmEl = document.getElementById('cForm');
addEvent(frmEl, 'submit', validateFields, false);
frmEl.onsubmit = function() { return false; }
}
addEvent(window, 'load',ajaxContact, false);



Все хорошо работает, но возникла проблема.
У меня на странице несколько форм и естественно скрипт не работает сразу же для всех форм.

Вот как его переделать, чтобы работал он для форм:
<div id="contactFormArea">
		<form action="#" method="post" id="cForm">
		</form>

и
<div id="contactFormArea2">
		<form action="#" method="post" id="cForm2">
		</form>


Обработчик может 1 работать.
В принципе там схожие данные - просто разные переменные передаются.

Вопрос именно в отправке, чтобы работали обе кнопки submit и отправляли переменные из своих форм=)
Ответить с цитированием
  #2 (permalink)  
Старый 14.05.2014, 12:31
Профессор
Отправить личное сообщение для krasovsky Посмотреть профиль Найти все сообщения от krasovsky
 
Регистрация: 21.12.2012
Сообщений: 869

Очевидно же - у тебя в коде везде стоит document.getElementById('cForm') - где cForm - айдишник первой формы. Что бы работало для всех форм нужно если просто и тупо - переписать функцию столько раз сколько нужно и заменить cForm на cForm2....n (а так же и posName,posEmail и так далее все айдишники)
Если есть капля понимания что ты делаешь - то передавать в функцию аргументы вместо конкретных id -
function validateFields(form_id,name,email,text) {//передаем агрументы
var frmEl = document.getElementById('form_id');//заменяем конкретные id на аргументы
var posName = document.getElementById('name');
var posEmail = document.getElementById('email');
var posText = document.getElementById('text');
.........
}//и так даелее для всех

validateFields('cForm2','posName2','posEmail2','posText2');//вызываем с нужными аргументами


Ундерстэнд?
Ответить с цитированием
  #3 (permalink)  
Старый 14.05.2014, 13:00
Интересующийся
Отправить личное сообщение для MorroWIndss Посмотреть профиль Найти все сообщения от MorroWIndss
 
Регистрация: 24.04.2014
Сообщений: 16

Сообщение от krasovsky Посмотреть сообщение
Очевидно же - у тебя в коде везде стоит document.getElementById('cForm') - где cForm - айдишник первой формы. Что бы работало для всех форм нужно если просто и тупо - переписать функцию столько раз сколько нужно и заменить cForm на cForm2....n (а так же и posName,posEmail и так далее все айдишники)
Если есть капля понимания что ты делаешь - то передавать в функцию аргументы вместо конкретных id -
function validateFields(form_id,name,email,text) {//передаем агрументы
var frmEl = document.getElementById('form_id');//заменяем конкретные id на аргументы
var posName = document.getElementById('name');
var posEmail = document.getElementById('email');
var posText = document.getElementById('text');
.........
}//и так даелее для всех

validateFields('cForm2','posName2','posEmail2','posText2');//вызываем с нужными аргументами


Ундерстэнд?
В том то и дело, что побывал. =)
Не работает =)
Ну попробую сегодня по другому - отпишусь=)
Ответить с цитированием
Ответ



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

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


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
js отправка формы lodem009 Элементы интерфейса 7 18.02.2014 14:15
Отправка данных формы AJAX`ом? Jopses jQuery 4 20.02.2013 12:34
Отправка из формы в форму.. gJam Элементы интерфейса 5 21.07.2011 11:42
js + php отправка формы не работает kuzroman AJAX и COMET 2 28.12.2010 13:02
Очистка формы от дефолтных значений js hereim Общие вопросы Javascript 14 04.07.2010 21:29