jQuery click() is not running

Question

I’m trying to do a function in jQuery that by clicking on button he executed the function click() jQuery to take input data and send via post.

HTML

<input type="text" name="nome" class="input-xlarge" placeholder="Nome" required="required" />
<input type="email" name="email"  class="input-xlarge" placeholder="Endereço de email" required="required" />
<input type="text" name="dominio" class="input-xlarge" placeholder="Domínio" required="required" />
<button type="submit" class="btn submit" id="submit">Criar uma conta</button>

jQuery

<script>
    $(document).ready(function()
    {
        $("#submit").click(function()
        {
            var nome = $("input[name=nome]").val();
            var email = $("input[name=email]").val();
            var dominio = $("input[name=dominio]").val();
            $.post('api.php', {nome:nome, email:email}, function(data)
            {   
                alert(data);    
            })
        })
    })
</script>

In the browser console an error appears:

Uncaught Referenceerror: Datex is not defined preco.php:29 (Anonymous Function) preco.php:29 (Anonymous Function) preco.php:30 Uncaught Referenceerror: _gaq is not defined global.js:1 (Anonymous Function) global.js:1 o jquery.min.js:2 p.fireWith jquery.min.js:2 e.extend.ready jquery.min.js:2 c.addEventListener.B

Answer 1

Try that code:

$(document).ready(function(){

    $("#submit").click(function(event){

        event.stopPropagation();

        var nome = $("input[name=nome]").val();
        var email = $("input[name=email]").val();
        var dominio = $("input[name=dominio]").val();

        $.post('api.php', {nome:nome, email:email}, function(data){

            alert(data);
        });

        return false;
    });
});

The problem happens because your button has type="submit". The browser understands that by clicking this button the user will be submitting information to the server.

Using the event.stopPropagation() vc ensures that the event does not propagate.

The return false at the end of the function it is necessary to stop processing the event (read this)