如何在没有提交按钮的情况下提交HTML表单？

例如：

  text


点击此处提交表单

解决方案

#1: 使用纯Javascript提交表单

可以通过调用表单对象的 submit() 方法来提交表单：

document.getElementById("myForm").submit();

如果偏好使用jQuery（尽管对于这种简单的任务不推荐），也可以这样做：

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

#2: 绑定点击事件以提交表单

可以在 div 的点击事件中调用表单的 submit() 方法：

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

或者使用原生Javascript实现相同的功能：

document.getElementById("submitDiv").addEventListener('click', function() {
  document.getElementById("myForm").submit();
});

#3: 替换提交按钮为自定义样式

为了提高表单的可访问性和优雅降级，建议使用实际的提交按钮，并通过CSS定制其外观，同时提供一个无Javascript的备用方案：

$(document).ready(function(){
  $("form input[type='submit']").replaceWith('
点击此处提交表单
'); // 将提交按钮替换为div

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

这种方式确保了即使在Javascript不可用的情况下，表单仍然可以正常工作。