Przycisk Wyślij poza znacznikami <form>

Question

Szukałem dwóch godzin i nie mogłem znaleźć żadnych rozwiązań.

Chciałbym mieć dwa przyciski przesyłania, jeden wewnątrz formularza < i jeden poza tagiem formularza> <.

<form id="example" name="example" action="post"> 
    Input <input type="text" name="text" /> 
    <input type="submit" name="submit" value="submit" /> 
</form> 

<div class="button">Submit</div> 

JS/jQuery

$(".button").click(function() { 
    alert("Button clicked"); 
}); 

Jak mogę przesłać formularz z ('') .button klasy zewnętrznej formie?

JS Fiddle tutaj: http://jsfiddle.net/ZQLXb/

Answer 1

Użyj funkcji submit() aby wywołać formularz:

$(".button").click(function() { 
    $('#example').submit(); 
}); 

Można również użyć trigger() funkcję:

$(".button").click(function() { 
    $('#example').trigger('submit'); 
}); 

Chociaż robią dokładnie ta sama rzecz.

Answer 2

Można wywołać zdarzenie submit na formularzu:

$('#example').trigger('submit') 

Answer 3

$(".button").click(function() { 
    $('#example').submit(); 
}); 

Answer 4

użytku submit() funkcję przesłać formularz

$(".button").click(function() { 
    $('#example').submit(); 
}); 

Answer 5

$(".button").bind("click",function() { 
    $('#example').submit(); 
});