Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 29.01.2014, 00:23
Кандидат Javascript-наук
Отправить личное сообщение для soltx Посмотреть профиль Найти все сообщения от soltx
 
Регистрация: 19.05.2013
Сообщений: 144

Form reset fadein
$('.form').fadeIn('slow');


как сделать что бы форма сбрасывалась? сейчас подгружается с тем что ввел
Ответить с цитированием
  #2 (permalink)  
Старый 29.01.2014, 00:53
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,109

soltx,

$('.form')[0].reset()
Ответить с цитированием
  #3 (permalink)  
Старый 29.01.2014, 01:05
Кандидат Javascript-наук
Отправить личное сообщение для soltx Посмотреть профиль Найти все сообщения от soltx
 
Регистрация: 19.05.2013
Сообщений: 144

Простите, а как его внедрить только изучаю js буду очень признателен вот сам код скрипта

$(document).ready(function() {
	
	//if submit button is clicked
	$('#submit').click(function () {		
		
		//Get the data from all the fields
		var name = $('input[name=name]');
		
		var tel = $('input[name=tel]');
		var email = $('input[name=email]');
	

		//Simple validation to make sure user entered something
		//If error found, add hightlight class to the text field
		if (name.val()=='') {
			name.addClass('hightlight');
			return false;
		} else name.removeClass('hightlight');
		
		if (tel.val()=='') {
			tel.addClass('hightlight');
			return false;
		} else tel.removeClass('hightlight');
		
		if (email.val()=='') {
			email.addClass('hightlight');
			return false;
		} else email.removeClass('hightlight');
		
		
		
		//organize the data properly
		var data = 'name=' + name.val()  + '&tel=' + 
		tel.val()+ '&email=' + email.val();
		
		//disabled all the text fields
		$('.text').attr('disabled','true');
		
		//show the loading sign
		$('.loading').show();
		
		//start the ajax
		$.ajax({
			//this is the php file that processes the data and send mail
			url: "process.php",	
			
			//GET method is used
			type: "GET",

			//pass the data			
			data: data,		
			
			//Do not cache the page
			cache: false,
			
			//success
			success: function (html) {				
				//if process.php returned 1/true (send mail success)
				if (html==1) {					
					//hide the form
					$('.form').fadeOut('slow');					
					
					//show the success message
					
					$('.form').fadeIn('slow');
					$('.form')[0].reset();

						$('.loading').fadeOut('slow');
						

					$('.done').fadeIn('slow');
					
				//if process.php returned 0/false (send mail failed)
				} else alert('Sorry, unexpected error. Please try again later.');				
			}		
		});
		
		//cancel the submit button default behaviours
		return false;
	});	
});
Ответить с цитированием
  #4 (permalink)  
Старый 29.01.2014, 01:24
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,109

soltx,
либо вы уже внедрили можно конечно на 64 строку, либо я непонимаю что вы хотите.
Ответить с цитированием
  #5 (permalink)  
Старый 29.01.2014, 01:45
Кандидат Javascript-наук
Отправить личное сообщение для soltx Посмотреть профиль Найти все сообщения от soltx
 
Регистрация: 19.05.2013
Сообщений: 144

после того как я заполнил все input нажимаю submit посредством ajax форма обрабатывается и снова выводиться с сообщением что все good письмо ушло только форма возвращается ко мне с заполненными полями а не сброшенная код $('.form')[0].reset(); не помог
Ответить с цитированием
  #6 (permalink)  
Старый 29.01.2014, 02:00
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,109

Сообщение от soltx
подгружается с тем что ввел
Сообщение от soltx
форма возвращается ко мне с заполненными полями
непонимаю я этого
Ответить с цитированием
  #7 (permalink)  
Старый 29.01.2014, 02:02
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,109

soltx,
ну попробуйте на 77 строку поставить
Ответить с цитированием
  #8 (permalink)  
Старый 29.01.2014, 05:47
Профессор
Отправить личное сообщение для kostyanet Посмотреть профиль Найти все сообщения от kostyanet
 
Регистрация: 23.10.2010
Сообщений: 2,718

Сообщение от soltx
только изучаю js
Это не js, а рамка.

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



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

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


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Как отправить данные в Form Data вместо Request Payload? Shitbox2 Angular.js 2 26.05.2013 22:40
тег form почему и как исправить jonix Общие вопросы Javascript 8 11.12.2012 06:29
fadeOut и fadeIn Tums37 jQuery 15 22.07.2012 10:58
Не работает аякс в jQuery Form Ticksy jQuery 4 19.07.2011 12:55
form внутри form dabutch Общие вопросы Javascript 4 23.03.2009 09:56