Отправка формы с помощью кнопки

Question

Я знаю, что это не совсем то, как <button> элементы должны использоваться, но есть ли способ отправить форму, используя кнопки вместо <input type="submit">? Мне нужно иметь кнопки с двумя строками, и вы не можете сделать это с помощью <input> s, но вы можете сделать это с помощью <button> s.

Какой-то метод jQuery или что-то другое будет работать нормально, я просто ненавижу использовать фоновые изображения для этих кнопок.

Answer 1

Вы можете иметь тег button для отправки формы, например так:

<button type="submit"> This will submit! </button>

<button type="button"> This will NOT submit! </button>

Кроме того, я считаю, что значение по умолчанию зависит от браузера, поэтому я думаю, что тег button всегда должен иметь атрибут type, чтобы быть в безопасности.

Answer 2

Просто используйте:

<button type="submit">Submit</button>

или

<input type="submit" value="Submit">

Answer 3

Попробуйте:

<button type="submit">Submit</button>

Answer 4

jQuery встроенный метод submit () должен сделать свое дело: http://api.jquery.com/submit/

HTML будет выглядеть примерно так:

...
<form name="myForm" id="myForm" action="someURL" method="POST">
  <input type="text" name="textField1" value="TextValue" />
</form>

<button id="submitter" value="Two lines of text because it can I guess." />
...

И jQuery будет выглядеть примерно так:

$('#submitter').click(function() {
     $('#myForm').submit();
});

Answer 5

Технически вы можете отправить элемент, если привязали к нему функцию.

Например, вы можете использовать:

<form id="someForm">
    <span id="someSubmitEle">Here goes text</span>
</form>
...
$("#someSubmitEle").click(function(){$("#someForm").submit();});

Answer 6

document.getElementById["YOUR_FORMS_ID"].submit()

Вы просто используете метод .submit() элемента DOM формы в javascript

Итак ...

<button onclick="document.getElementById["YOUR_FORMS_ID"].submit()">CLICK TO SUBMIT</button>

Answer 7

Если вы хотите перейти к опции button / jQuery, это будет сделано:

$('#buttonId').click(function() {
    $('#theForm').submit();

})