2
respostas

Como fazer com que os dados do formulário sejam enviados para o console, atraves do botão enviar ?

<script type="text/javascript">

    function validar() {

        var nome = form.nome.value;
        var email = form.email.value;
        var telefone = form.telefone.value;

        if (nome == "" || email == "" || telefone == "") {
            alert("Por favor preencha todos os campos")
            form.nome.focus();
            return false;
        }
    }

    console.log(validar);

</script>
Nome: Email: Telefone: Cidade: São PauloGuarulhosOsasco Solicitante do serviço: Particular Gol Copa Azul Latam Serviço: Troca de rodasTecidoFibraTrip rollTroca de zíperAluguel de mala Coleta / Frete: Zona Norte - R$ 20,00Zona Sul - R$ 20,00Zona Leste - R$ 20,00Zona Oeste - R$ 20,00Interior - R$ 50,00 Grande SP - R$ 30,00 Forma de pagamento: Pay Pal Transferência bancáriaBoletoCartão de crédito Observação:
2 respostas

Oi Lucas, você pode imprimir os valores dentro da função validar. Não tem outra forma de imprimir os valores no console a não ser consultando os valores no form e imprimindo.

Já que você consulta eles dentro da função validar, então é uma boa ideia imprimir eles lá da seguinte forma:

<script type="text/javascript">

    function validar() {

        var nome = form.nome.value;
        var email = form.email.value;
        var telefone = form.telefone.value;

     console.log(nome, email, telefone);

        if (nome == "" || email == "" || telefone == "") {
            alert("Por favor preencha todos os campos")
            form.nome.focus();
            return false;
        }
    }
</script>

Olá Lucas, tudo bom?

Então, vendo o teu problema, eu separei algumas soluções, veja bem:

1 - Encapsulando esta função numa função de maior escopo e executando de maneira assíncrona.

2 - Armazenando estas informações em variáveis ou num objeto externo ao do bloco da função (escopo global).

3 - Criando uma nova função que receba como parâmetro as informações, para então manipular chamando-a ao final da validação.

Vou deixar um exemplo bem simplificado com os conceitos básicos veja este exemplo:

(Neste exemplo temos: "arrow function" e "manipulação de objetos")

<meta charset="UTF-8">

<button id="botaoValidar" onClick="validar()">Validar!</button>

<script>

const validar = () => {
  var nome = 'NomeTeste';
  var email = 'EmailTeste';
  var telefone = 'TelefoneTeste';

  if (nome == "" || email == "" || telefone == "") {
    alert("Por favor preencha todos os campos")
    form.nome.focus();
    return false;
  }


    var informacoes = {
        Nome : nome,
        Email : email,
        Telefone : telefone,
        Informacao1 : "1",
        Informacao2 : "2",
        Informacao3 : "3"
    }

    TratarMensagem(informacoes);
}

const TratarMensagem = (_informacoes) => {
    console.log("O nome do cidadão é : " + _informacoes.Nome);
    console.log("O email do cidadão é : " + _informacoes.Email);
    console.log("O telefone do cidadão é : " + _informacoes.Telefone);
    console.log("Informação 1 do cidadão : " + _informacoes.Informacao1);
    console.log("Informação 2 do cidadão : " + _informacoes.Informacao2);
    console.log("Informação 3 do cidadão : " + _informacoes.Informacao3);
}

</script>