0

Ola preciso de alguma ajuda estou a fazer um formulário seguindo estes passos Link e não esta a funcionar eu criei seguindo os passos que estão nesse site . Mas eu acho que o problema esta no meu código e por isso e que não esta a funcionar

<!DOCTYPE html>
<html lang="">

<head>
    <meta charset="utf-8">
    <title>pag3</title>
    <link rel="stylesheet" href="css/style.css">
        <script>
    var $form = $('form#test-form'),
    url = 'https://script.google.com/macros/s/AKfycbyXod9jBus3hVXRKQTA0XgsFBRlYyUSqAgtKqqqHpoKhS-EHPX3/exec'

$('#submit-form').on('click', function(e) {
  e.preventDefault();
  var jqxhr = $.ajax({
    url: url,
    method: "GET",
    dataType: "json",
    data: $form.serializeObject()
  }).success(
    // do something
  );
})
    </script>
</head>

<body>
     <form id="test-form">
  <h1>Como classifica a RAPIDEZ do atendimento? </h1>
  <div>
    <label>Fraco</label>
    <a href="index5.html">
            <input type="image" name="RAPIDEZ_atendimento" id="submit-form" alt="Fraco" placeholder="Field 3"
       src="img/sad.png">    
            </a>
  </div>

  <div>
    <label>Normal</label>
    <a href="index5.html">
            <input type="image" name="RAPIDEZ_atendimento" id="submit-form" alt="Normal" placeholder="Field 3"
       src="img/confused.png">    
            </a>
  </div>
  
  <div>
   <label>Bom</label>
    <a href="index5.html">
            <input type="image" name="RAPIDEZ_atendimento" id="submit-form" alt="Bom" placeholder="Field 3"
       src="img/smiling.png">    
            </a>
  </div>
  
  <div>
   <label>Muito Bom</label>
    <a href="index5.html">
            <input type="image" name="RAPIDEZ_atendimento" id="submit-form" alt="Muito Bom" placeholder="Field 3"
       src="img/happy.png">    
            </a>
  </div>

</form>

</body>

</html>
<!DOCTYPE html>
<html lang="">

<head>
    <meta charset="utf-8">
    <title>pag2</title>
    <link rel="stylesheet" href="css/style.css">
        <script>
    var $form = $('form#test-form'),
    url = 'https://script.google.com/macros/s/AKfycbyXod9jBus3hVXRKQTA0XgsFBRlYyUSqAgtKqqqHpoKhS-EHPX3/exec'

$('#submit-form').on('click', function(e) {
  e.preventDefault();
  var jqxhr = $.ajax({
    url: url,
    method: "GET",
    dataType: "json",
    data: $form.serializeObject()
  }).success(
    // do something
  );
})
    </script>
</head>

<body>
     <form id="test-form">
  <h1>Como classifica a VARIEDADE dos nossos produtos?</h1>
  <div>
    <label>Fraco</label>
    <a href="index4.html">
            <input type="image" name="VARIEDADE_produtos" id="submit-form" alt="Fraco" placeholder="Field 2"
       src="img/sad.png">    
            </a>
  </div>

  <div>
    <label>Normal</label>
    <a href="index4.html">
            <input type="image" name="VARIEDADE_produtos" id="submit-form" alt="Normal" placeholder="Field 2"
       src="img/confused.png">    
            </a>
  </div>
  
  <div>
   <label>Bom</label>
    <a href="index4.html">
            <input type="image" name="VARIEDADE_produtos" id="submit-form" alt="Bom" placeholder="Field 2"
       src="img/smiling.png">    
            </a>
  </div>
  
  <div>
   <label>Muito Bom</label>
    <a href="index4.html">
            <input type="image" name="VARIEDADE_produtos" id="submit-form" alt="Muito Bom" placeholder="Field 2"
       src="img/happy.png">    
            </a>
  </div>

</form>

</body>

</html>
<!DOCTYPE html>
<html lang="">

<head>
    <meta charset="utf-8">
    <title>pag1</title>
    <link rel="stylesheet" href="css/style.css">
    <script>
    var $form = $('form#test-form'),
    url = 'https://script.google.com/macros/s/AKfycbyXod9jBus3hVXRKQTA0XgsFBRlYyUSqAgtKqqqHpoKhS-EHPX3/exec'

$('#submit-form').on('click', function(e) {
  e.preventDefault();
  var jqxhr = $.ajax({
    url: url,
    method: "GET",
    dataType: "json",
    data: $form.serializeObject()
  }).success(
    // do something
  );
})
    </script>
</head>

<body>
    <form id="test-form">
  <h1>Como classifica a QUALIDADE dos nossos produtos?</h1>
  <div>
    <label>Fraco</label>
    <a href="index3.html">
            <input type="image" name="QUALIDADE_produtos" id="submit-form" alt="Fraco" placeholder="Field 1"
       src="img/sad.png">    
            </a>
  </div>

  <div>
    <label>Normal</label>
    <a href="index3.html">
            <input type="image" name="QUALIDADE_produtos" id="submit-form" alt="Normal" placeholder="Field 1"
       src="img/confused.png">    
            </a>
  </div>
  
  <div>
   <label>Bom</label>
    <a href="index3.html">
            <input type="image" name="QUALIDADE_produtos" id="submit-form" alt="Bom" placeholder="Field 1"
       src="img/smiling.png">    
            </a>
  </div>
  
  <div>
   <label>Muito Bom</label>
    <a href="index3.html">
            <input type="image" name="QUALIDADE_produtos" id="submit-form" alt="Muito Bom" placeholder="Field 1"
       src="img/happy.png">    
            </a>
  </div>

</form>

</body>

</html>

Eu nem consigo ir para a 2 pagina . esta a dar os resultados na barra de endereço, será que tenho que mudar o method para post? ultima parte do código .

<!DOCTYPE html>
<html lang="">

<head>
    <meta charset="utf-8">
    <title>pag6</title>
    <link rel="stylesheet" href="css/style.css">
        <script>
    var $form = $('form#test-form'),
    url = 'https://script.google.com/macros/s/AKfycbyXod9jBus3hVXRKQTA0XgsFBRlYyUSqAgtKqqqHpoKhS-EHPX3/exec'

$('#submit-form').on('click', function(e) {
  e.preventDefault();
  var jqxhr = $.ajax({
    url: url,
    method: "GET",
    dataType: "json",
    data: $form.serializeObject()
  }).success(
    // do something
  );
})
    </script>
</head>

<body>
     <form id="test-form">
  <h1>Para Acabar</h1>
<div>
    <label>Deixe um comentário</label>
    <input type="text" name="Deixe_comentario" placeholder="Field 6"/>
  </div>

  <div>
    <label>Contacto</label>
    <input type="text" name="Contacto_email" placeholder="Field 7"/>
    
</div>
  
  <div>
    <button type="submit" id="submit-form" onclick="location.href='index8.html';">Submit</button>
</div>

</form>

</body>

</html>
<!DOCTYPE html>
<html lang="">

<head>
    <meta charset="utf-8">
    <title>pag5</title>
    <link rel="stylesheet" href="css/style.css">
        <script>
    var $form = $('form#test-form'),
    url = 'https://script.google.com/macros/s/AKfycbyXod9jBus3hVXRKQTA0XgsFBRlYyUSqAgtKqqqHpoKhS-EHPX3/exec'

$('#submit-form').on('click', function(e) {
  e.preventDefault();
  var jqxhr = $.ajax({
    url: url,
    method: "GET",
    dataType: "json",
    data: $form.serializeObject()
  }).success(
    // do something
  );
})
    </script>
</head>

<body>
     <form id="test-form">
  <h1>Como classifica o nosso espaço?</h1>
  <div>
    <label>Fraco</label>
    <a href="index7.html">
            <input type="image" name="nosso_espaço" id="submit-form" alt="Fraco" placeholder="Field 5"
       src="img/sad.png">    
            </a>
  </div>

  <div>
    <label>Normal</label>
    <a href="index7.html">
            <input type="image" name="nosso_espaço" id="submit-form" alt="Normal" placeholder="Field 5"
       src="img/confused.png">    
            </a>
  </div>
  
  <div>
   <label>Bom</label>
    <a href="index7.html">
            <input type="image" name="nosso_espaço" id="submit-form" alt="Bom" placeholder="Field 5"
       src="img/smiling.png">    
            </a>
  </div>
  
  <div>
   <label>Muito Bom</label>
    <a href="index7.html">
            <input type="image" name="nosso_espaço" id="submit-form" alt="Muito Bom" placeholder="Field 5"
       src="img/happy.png">    
            </a>
  </div>

</form>

</body>

</html>
<!DOCTYPE html>
<html lang="">

<head>
    <meta charset="utf-8">
    <title>pag4</title>
    <link rel="stylesheet" href="css/style.css">
        <script>
    var $form = $('form#test-form'),
    url = 'https://script.google.com/macros/s/AKfycbyXod9jBus3hVXRKQTA0XgsFBRlYyUSqAgtKqqqHpoKhS-EHPX3/exec'

$('#submit-form').on('click', function(e) {
  e.preventDefault();
  var jqxhr = $.ajax({
    url: url,
    method: "GET",
    dataType: "json",
    data: $form.serializeObject()
  }).success(
    // do something
  );
})
    </script>
</head>

<body>
     <form id="test-form">
  <h1>E quanto à QUALIDADE do atendimento?</h1>
  <div>
    <label>Fraco</label>
    <a href="index6.html">
            <input type="image" name="QUALIDADE_atendimento" id="submit-form" alt="Fraco" placeholder="Field 4"
       src="img/sad.png">    
            </a>
  </div>

  <div>
    <label>Normal</label>
    <a href="index6.html">
            <input type="image" name="QUALIDADE_atendimentos" id="submit-form" alt="Normal" placeholder="Field 4"
       src="img/confused.png">    
            </a>
  </div>
  
  <div>
   <label>Bom</label>
    <a href="index6.html">
            <input type="image" name="QUALIDADE_atendimento" id="submit-form" alt="Bom" placeholder="Field 4"
       src="img/smiling.png">    
            </a>
  </div>
  
  <div>
   <label>Muito Bom</label>
    <a href="index6.html">
            <input type="image" name="QUALIDADE_atendimento" id="submit-form" alt="Muito Bom" placeholder="Field 4"
       src="img/happy.png">    
            </a>
  </div>

</form>

</body>

</html>

1 Resposta 1

0

Acredito que você tenha que colocar o arquivo jquery em seu projeto.

Poderá ser baixado ou incluído por CDN:

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script>
  var $form = $('form#test-form'),
  url = 'https://script.google.com/macros/s/AKfycbyXod9jBus3hVXRKQTA0XgsFBRlYyUSqAgtKqqqHpoKhS-EHPX3/exec'

Espero que tenha ajudado!

1
  • continua a não funcionar nem passa para a segunda pagina continua bloqueado
    – joao dias
    Commented 12/11/2018 às 15:03

Você deve fazer log-in para responder a esta pergunta.

Esta não é a resposta que você está procurando? Pesquise outras perguntas com a tag .