Как сделать подтверждение отправки формы?

Question

[SemenyukS]

Ребят, подскажите пожалуйста, где найти информацию о том, как сделать подтверждение отправки формы, чтобы, если все поля правильные - вместо формы показувалось изображение о благодарности, а если введён, к примеру, неправильный имэйл , то форма появлялась ещё раз? Спасибо за совет.

Answer 1

[Falseclock]

На кнопку сабмита повесить обработчик и проверять каждое поле формы

Например вот так вот:

function GoodsSave()
{
	if ($('Parent_Key').value == 0) {alert('Укажите группу номенклатуры'); return; }
	if (!$('Artikul').value) {alert('Укажите артикул'); return; }
	if (!$('Description').value) {alert('Укажите краткое наиименование'); return; }
	if (!$('NaimenovaniePolnoe').value) {alert('Укажите полное наименование'); return; }
	if ($('VidNomenklatury_Key').value == 0) {alert('Укажите вид номенклатуры'); return; }
	if ($('BazovayaEdinicaIzmereniya_Key').value == 0) {alert('Укажите единицу измерения'); return; }
	if ($('StavkaNDS_Key').value == 0) {alert('Укажите ставку НДС'); return; }
	
	new (Ajax.Request)
	(
		"/", 
		{
			method: "POST",
			parameters: { 
				'Driver1c' : '<?=Driver1c::ADD_GOODS?>', 
				'Parent_Key' : $('Parent_Key').value,
				'Artikul' : $('Artikul').value,
				'Description' : $('Description').value,
				'NaimenovaniePolnoe' : $('NaimenovaniePolnoe').value,
				'VidNomenklatury_Key' : $('VidNomenklatury_Key').value,
				'BazovayaEdinicaIzmereniya_Key' : $('BazovayaEdinicaIzmereniya_Key').value,
				'StavkaNDS_Key' : $('StavkaNDS_Key').value
			},
			encoding: 'UTF-8',
			onComplete: function (a) {
				$('goods_add_form').reset();
				
				var row = a.responseJSON;
				
				Goods.push ({
					value: row.value,
					label: row.label,
					description: row.description,
					'СтавкаНДС_Key': row.СтавкаНДС_Key,
					'БазоваяЕдиницаИзмерения_Key': row.БазоваяЕдиницаИзмерения_Key
				});
				
				ProcessingInput.value = row.description;
				ProcessingInput.referer.value = row.value;
				ProcessingInput.referer.onchange();
				
				GoodsCancel();
				
			},  
			onFailure: function (a) {alert('Во время работы произошла ошибка, пожалуйста сообщите администратору!');}
		}
	);
}

Comments

[Falseclock]

Вот функция проверки почты на валидность.
Но проверяет только почту на английском. Можно добавить директивы в регулярку А-Яа-я, так появились домены на русском

function MailCheck(str) {

	var at="@"
	var dot="."
	var lat=str.indexOf(at)
	var lstr=str.length
	var ldot=str.indexOf(dot)
	var reg = /^([A-Za-z0-9_\-\.])+\@([A-Za-z0-9_\-\.])+\.([A-Za-z]{2,4})$/;

	if (reg.test(str) == false)													{ return false; }
	if (str.indexOf(at)==-1)													{ return false; }
	if (str.indexOf(at)==-1 || str.indexOf(at)==0 || str.indexOf(at)==lstr)		{ return false; }
	if (str.indexOf(dot)==-1 || str.indexOf(dot)==0 || str.indexOf(dot)==lstr)	{ return false; }
	if (str.indexOf(at,(lat+1))!=-1)											{ return false; }
	if (str.substring(lat-1,lat)==dot || str.substring(lat+1,lat+2)==dot)		{ return false; }
	if (str.indexOf(dot,(lat+2))==-1)											{ return false; }
	if (str.indexOf(" ")!=-1)													{ return false; }

 	return true;
}
</code

Answer 2

[Евгений]

1. С помощью плагина jquery.validate валидируем поля
2. При прохождении валидации перехватываем событие submit (submitHandler событие) и с помощью ajax отплавляем сообщение куда нужно
3. Там-же показываем блок об успешной отправке