jQuery: Button cause validation

Question

In my form I have a normal submit button which validate my form with, for example, I have

$(\"#formTest\").submit(function (e) {
        alert(\'test\');
});

&l         


        

Answer 1

you will want to make a handler for the button, and put a preventDefault() on it's event.

$('button').click(function(e){
    e.preventDefault();
    alert('i clicked!');
});

Answer 2

Basically this has nothing to do with validation. This is just pure form submission. To prevent your form brom being submitted on your Test button click, you should attach a click event handler to it and cancel event's propagation.

$("button").click(function(evt){
    evt.preventDefault();
    return false;
});

Why does this happen anyway?

The thing is that when you click your Test button, your form gets submitted because default button type (when not provided as in your case) will be submit. Check W3C Specification.

This simply means that by providing a type="button" would change this submission behaviour as well. But this depends on the problem at hand (which is clearly not the one presented in the simplified example).

Answer 3

change <button>Test</button> into <input type="button" id="test" >Test</input>