¿Enviar un formulario HTML sin tener un botón de envío?

¿Puedo enviar un html? <form> con <div> en vez de <input type="submit"> ?

Como esto:

<form method="post" action="" id="myForm">
  <textarea name="reply">text</textarea>
</form>

<div>Submit the form by clicking this</div>

El método que puede utilizar para enviar un formulario específico es el siguiente:

// Grab the form element and manually trigger the 'submit' method on it:
document.getElementById("myForm").submit();

Entonces, en su ejemplo, puede agregar un controlador de eventos de clic en cualquier elemento que desee y activar el método de envío del formulario a través de eso:

<form method="post" id="myForm">
  <textarea name="reply">text</textarea>
</form>

<div class="submit">Submit the form by clicking this</div>

const myForm = document.getElementById("myForm");
document.querySelector(".submit").addEventListener("click", function(){

  myForm.submit();

});

Y si quieres hacerlo al estilo jQuery (que No lo recomiendo para una tarea tan simple.);

$("#myForm").submit();

En su forma completa:

const myForm = $("#myForm");
$(".submit").click(function(){

  myForm.submit();

});

Referencias:

• los enviar() método de elementos de formulario HTML (nativo JavaScript API)
• los jQuery enviar() API

Sí, es bastante simple. solo usa el submit^{[jQuery docs]} método dentro de un click función de manejador.

$("#myDiv").click(function() {
 $("#myForm").submit();
});

Si lo prefieres, puedes hacerlo con Vanilla Javascript:

document.getElementById("myDiv").onclick = function() {
  document.getElementById("myForm").submit();
};

Enlace el evento de clic div.

$("div").click(function(){ $("form#myForm").submit(); });

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

Usando jquery:

$('#myForm').submit();

Si desea depender innecesariamente de JavaScript, entonces podría…

jQuery('div').click(function () { jQuery('form').submit(); });

… sin embargo, debe usar HTML semántico que funcione sin la presencia de JS. Así que usa un botón de envío real y aplica CSS para que se vea como quieres.

Para una mejor semántica y una degradación elegante, le sugiero que haga esto:

$(document).ready(function(){
    $('form input[type="submit"]').replaceWith('<div class="submit">Submit the form by clicking this</div>'); // replace submit button with div

    $('.submit').live('click', function() {  
        $(this).closest('form').submit();
    });
});

De esta manera, su formulario seguirá siendo utilizable para clientes sin JS.

Dicho esto: simplemente diseñe su entrada para que se vea como quiere con CSS;)