0

Eu tenho um formulário e ele executa uma action, porém eu tenho uma query para verificar se existem usuários na base de dados. Queria saber como faço para bloquear a action quando existirem usuários.

Formulário:

<form onsubmit="return asd()" id="gform" method="POST" data-email="[email protected]"
        action="https://script.google.com/macros/s/AKfycbx4scovKmP5_UnaPUVf3fIBKmyOdCrDFkdIVOdMBji_JUzmltYh/exec" class="contact1-form validate-form">
            <span class="contact1-form-title" style="margin-left: -2%;font-size:4vh">
                    Registe-se e ganhe um brinde
            </span>
            <div class="wrap-input1 validate-input"  data-validate = "Preencha o nome da Empresa">
                <input  style="background:#eeeeee"class="input1" type="text"  id="empresa" name="empresa"  placeholder="Empresa">
                    <span class="shadow-input1"></span>
                </div>
                <div class="wrap-input1 validate-input" data-validate = "O email esta incorrecto">
                        <input style="background:#eeeeee"class="input1" type="email" id="email" name="email"  placeholder="Email">
                        <span class="shadow-input1"></span>
                    </div>


            <div class="wrap-input1 validate-input" data-validate = "Preencha o nome">
                <input style="background:#eeeeee"class="input1" type="text" id="name" name="name"  placeholder="Nome">
                <span class="shadow-input1"></span>
            </div>



            <div class="container-contact1-form-btn"style="width: 100%;margin-top: 2    %;justify-content: left;">
                    <span style=" color:#BDBDBD;padding: 2px;font-size: 2vh;"   class="contact1-form-title">  Eu concordo que o meu contacto seja utilizado exclusivamente pela Wave Solutions para fins de comunicação acerca dos produtos e serviços da Empresa.</span>
                <button  onclick="asd()" type="submit" style="width:100%"  id="btn-submit"class="contact1-form-btn">
                    <span>
                            Reclamar o seu brinde!!
                        <i class="fa fa-long-arrow-right" aria-hidden="true"></i>
                    </span>
                </button>
            </div>



        </form>

JavaScript:

 function asd()
 {
    var db = window.openDatabase("demo", "1.0", "demo", 1000*1000);
    console.log(db)

    var empresa = document.getElementById("empresa").value;
    var name = document.getElementById("name").value;
    var email = document.getElementById("email").value;

    db.transaction(function (tx) {
        tx.executeSql('SELECT * FROM DEMO WHERE email=? AND empresa=?', [email, empresa], function(tx, results){
            if (results.rows.length > 0) {

                someBug()
                return false;
             } else {

                tx.executeSql("INSERT INTO DEMO (empresa, name, email) VALUES (?,?,?)", [empresa, name, email], function (tx, result) {
                    console.log(result);
                        $("#gform").submit();
                    }, function (error) {
                    console.log(error);
                });
             }
            console.log(results);
        }, function (error) {
            console.log(error);
        });
    });

 }

1 Resposta 1

1

O primeiro passo é alterar o botão de envio. O ideal é que ele seja do tipo button, por exemplo: type="button". Isso evitará que o formulário seja enviado.

<button onclick="asd()" type="button" style="width:100%"  id="btn-submit"class="contact1-form-btn">
    <span>
        Reclamar o seu brinde!!
        <i class="fa fa-long-arrow-right" aria-hidden="true"></i>
    </span>
</button>

Feito isso, podemos remove o atributo onsubmit="return asd()" do formulário. Como alteramos o tipo do botão, esse atributo tornará-se desnecessário.

<form id="gform" method="POST" data-email="[email]" action="https://script.google.com/macros/s/[SEU-CÓDIGO]/exec" class="contact1-form validate-form">

    <!-- Restante permanece igual -->

</form>

Pronto! Seu JavaScript também permanecerá igual. Isso porque você já adicionou $("#gform").submit(); para enviar o formulário quando ocorrer tudo OK

7
  • Boa explicação, porem o meu script quando coloco button deixa de funcionar, a minha duvida é se é possivelfazer de outra forma Commented 19/03/2018 às 12:38
  • @Humbertovieira Editei meu código. Você chegou a remover o atributo onsubmit do form? Commented 19/03/2018 às 12:40
  • Sim cheguei! eu posso meter uma print do que acontece se quiser! Commented 19/03/2018 às 12:41
  • @Humbertovieira pode. Você chegou a criar a query para criação da tabela do banco de dados? Commented 19/03/2018 às 12:48
  • Sim, a query esta a funcionar, porem o problema é que eu penso que tenho de chamar a action quando o insert é feito! Commented 19/03/2018 às 12:50

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 .