Ir para conteúdo
Fórum Script Brasil
  • 0

Ajuda! Dois comandandos para $.ajax


Henrique Marski

Pergunta

Oi galera,

preciso fazer que quando alguém selecionar a opcao "SIM" fazer ir para endereço: mail.php ou quando selecionar "não" fazer ir para outro endereco: mailno.php..conforme a imagem:
a.jpg

//CODIGO JAVA
$('#contact-form .btn-wrapper').click(function(){
	
		var name = $('#form-name').val();
		var email = $('#form-email').val();
		var message = $('#form-message').val();
		var totalpessoas = $('#form-totalpessoas').val();
		var presente = $('#form-presente').val();
		var error = 0;
		
		if(name === '' || email === '' || presente === '' || message === '' || totalpessoas === ''){
			error = 1;
			$('#details-error').fadeIn(200);
		}else{
			$('#details-error').fadeOut(200);
		}
		
		if (!(/(.+)@(.+){2,}\.(.+){2,}/.test(email))) {
			$('#details-error').fadeIn(200);
			error = 1;
		}
		
		
		 var dataString = 'name=' + name + '&email=' + email + '&presente=' + presente + '&totalpessoas=' + totalpessoas +'&text=' + message;

            if (error === 0) {
                $.ajax({
                    type: "POST",
                    url: "mail.php",
                    data: dataString,
                    success: function () {
                        $('#details-error').fadeOut(1000);
                        $('#form-sent').fadeIn(1000);
                    }
                });
                return false;
            }
	
	});

//CODIGO HTML

<div class="large-7 columns">
				<div id="contact-form">
					
                    <div id="name">
						<div class="form-icon">
							<i class="typcn typcn-user"></i>
						</div>
						<input id="form-name" type="text" placeholder="Titular do Convite" />
					</div>
					
					<div id="email">
						<div class="form-icon">
							<i class="typcn typcn-mail"></i>
						</div>
						<input id="form-email" type="text" placeholder="Email" />
					</div>
                    
                    <div id="totalpessoas">
						<div class="form-icon">
							<i class="typcn typcn-sort-numerically"></i>
						</div>   
                         <input id="form-totalpessoas" type="text" placeholder="Número de Pessoas" />
					</div>
                    
                    <div id="presente">
						<div class="form-icon">
							<i class="typcn typcn-thumbs-up"></i>
						
					    <div type="text">Estará presente?</div>
                    
                        <select id="form-presente" size="1">
                        <option value="sim">SIM</option>
  						<option value="não"selected="selected">NÃO</option></select>
					</div>
					
					<div id="message">
						<div class="form-icon">
							<i class="typcn typcn-pencil"></i>
						</div>
						<textarea id="form-message" placeholder="Mensagem"></textarea>
					</div>
					<div id="details-error" class="text-white"><i class="typcn typcn-warning">&nbsp;</i>Erro: Por favor, garantir que todos os campos estão preenchidos corretamente</div>
					<div id="form-sent" class="text-white"><i class="typcn typcn-thumbs-up">&nbsp;</i>Obrigado, sua mensagem foi enviada!</div>
					<div class="btn-wrapper"><div class="btn">ENVIAR<i class="typcn typcn-arrow-right"></i></div></div>
				</div>
			</div>
		</div>
Link para o comentário
Compartilhar em outros sites

0 respostass a esta questão

Posts Recomendados

Até agora não há respostas para essa pergunta

Participe da discussão

Você pode postar agora e se registrar depois. Se você já tem uma conta, acesse agora para postar com sua conta.

Visitante
Responder esta pergunta...

×   Você colou conteúdo com formatação.   Remover formatação

  Apenas 75 emoticons são permitidos.

×   Seu link foi incorporado automaticamente.   Exibir como um link em vez disso

×   Seu conteúdo anterior foi restaurado.   Limpar Editor

×   Você não pode colar imagens diretamente. Carregar ou inserir imagens do URL.



  • Estatísticas dos Fóruns

    • Tópicos
      152,3k
    • Posts
      652,3k
×
×
  • Criar Novo...