2010-07-23 3 views
3

Как говорится в названии, есть способ отправить form при нажатии элемента вне формы? Кроме того, он доступен без использования form связанных (button/input и т. Д.) Элементов?Есть ли способ отправить форму при нажатии элемента вне формы?

В качестве примера можно отправить form при нажатии на кнопку div?

ответ

4

Sure:

<form name="myForm" action="" method="post"> 
    <!-- form inputs go here --> 
</form> 

<div id="formSubmit"></div> 

<script type="text/javascript"> 
    var myForm = document.forms['myForm']; 
    var formSubmit = document.getElementById('formSubmit'); 

    formSubmit.onclick = function(){ 
     myForm.submit(); 
    } 
</script> 
+0

Спасибо, это именно то, что я искал! – jolt

1

Чтобы отправить форму, вы можете позвонить в form.submit().

2
document.getElementById("formName").submit(); 
+0

Это не похоже на работу .. – jolt

+0

@Tom: это должно работать. Вы проверили, что ваша форма ** id ** (а не имя) - это то, что вы передаете 'getElementById'? – nico

0

Несомненно, присвойте идентификатор этой форме.

После того, как вы выберите нужный элемент (кнопка/вход/дел) вы можете сделать Somthing как это в JavaScript

$("#YourFormId").submit(); 
+0

Вы должны указать, что это «способ JQuery» для этого. Другим решениям (использующим 'document.getElementById') не нужны внешние библиотеки. – nico

+0

Проверьте теги, OP используется JQuery :) –

+0

Извините не видел этого :) Тем не менее, лучше указать для любого другого читателя, который не обязательно смотрит на теги (например, я сделал) и, возможно, прибывает сюда из ссылки Google. – nico

Смежные вопросы