заметки.впрограмме.рф - Готовые шаблоны: Регистрационная форма

Экспорт:

Папки

/var_null/saytostroenie/gotovie-shabloni/registracionnaya-forma

Не экспортировать закрытые директории
Преобразовывать заметки в html

Экспортировать

Применить

Подробнее по ссылке: https://yadi.sk/d/S-AcsasKfDZva

2015-03-13 09:56:52

Простая регистрационная форма с минимальной валидацией

Простая регистрационная форма с минимальной валидацией

2015-03-13 09:56:02

			
			
			


	
			
			
				
				
					
					
						Регистрационная форма			
										
					
						Имя*:
										
					
					
						Фамилия*:
										
							
					
						Отчество*:
										
						
					
						email*:
										
						
					
						Комментарий:			
						
					
									
						
					
						
						
							* - Звездочкой отмечены поля, обязательные для заполнения.
						
									
											
					
						
						
							Подать заявку
						
									
						
					
						
						
							
								
								
									
									Заявка принята

.z{color:#ff0000; font-size:12px}

Регистрационная форма			
										
					
						Имя*:
										
					
					
						Фамилия*:
										
							
					
						Отчество*:
										
						
					
						email*:
										
						
					
						Комментарий:			
						
					
									
						
					
						
						
							* - Звездочкой отмечены поля, обязательные для заполнения.
						
									
											
					
						
						
							Подать заявку
						
									
						
					
						
						
							
								
								
									
									Заявка принята

$(document).ready(function() {
						
							$(".valid_null").click(function(){
							
								$(this).css("background-color", "#ffffff");
							
							
							});
						
							function correctF()
							{
								var correct = true;
								
								var fieldsValid = new Array();
								
								if(document.getElementById('name_1').value == '') 
								{
									document.getElementById('name_1').style.backgroundColor = 'pink';
									fieldsValid.push("\n - Имя");
									correct = false;
								}

if(document.getElementById('name_2').value == '') 
								{
									document.getElementById('name_2').style.backgroundColor = 'pink';
									fieldsValid.push("\n - Фамилия");
									correct = false;
								}		
								
								if(document.getElementById('name_3').value == '') 
								{
									document.getElementById('name_3').style.backgroundColor = 'pink';
									fieldsValid.push("\n - Отчество");
									correct = false;
								}	
								
								if(document.getElementById('email').value == '') 
								{
									document.getElementById('email').style.backgroundColor = 'pink';
									fieldsValid.push("\n - Email");
									correct = false;
								}

if(fieldsValid.length > 0)
								{
									var echo_field_valid_str = "";
									
									for(var k = 0; k < fieldsValid.length; k++)
									{
										echo_field_valid_str += fieldsValid[k];
									}
								
									alert("Заполнены не все обязательные поля:\n" + echo_field_valid_str);

}								
								
								
								
								return correct;
							}
						
						
							$("#btn_data_add").click(function(){
							
							
								if(correctF())
								{
									var name_1 = $("#name_1").val();
									var name_2 = $("#name_2").val();
									var name_3 = $("#name_3").val();
									var email = $("#email").val();
									var comment = $("#comment").val();
									
									//Тут отправка данных
									
											$("#data_add_ok").css("display", "block");
											
											$("#data_add_ok").animate({
												opacity: 1
											  }, 500, function() {

});

}

});
						
						});

Участвуй в наполнении сайта, создай свое дерево знаний. Регистрация