Question

是否可以通过单击不在表单内的按钮来提交表单？

我尝试在表单中设置一个id并设置target属性，但似乎不起作用：

<form id="myForm" action="">
    <input type="text">
</form>

<input type="submit" target="myForm" value="submit">

我知道可以通过JavaScript（form.submit()），但是有没有HTML本机方式通过按下没有表单的按钮来提交表单？

JSFIDDLE

Answer 1

使用Ajax发送参数并在ajax页面中执行post form操作，然后使用表单下方的状态消息重置表单。

对于ajax电话

 var message = $('#message').val();
  //alert(true);
  if(message != '') 
  {
    var data ="message="+message;
    $.ajax({      
      type: 'POST',
      url: 'ajax.php',
      data: data,
      datatype:'json',
      success: function(response) {
        $('#myForm')[0].reset();
        $('#form_status').html(response);
        $('#form_status').fadeIn('slow', function() {
            setTimeout("$('#form_status').fadeOut('slow');", 2000);
          });
      }
    });
  }

如果您只想找到html5解决方案，请尝试以下

<form id="myform" method="get" action="something.php">
    <input type="text" name="name" />
</form>

<input type="submit" form="myform" />

通过不在表单内的按钮提交表单

1 个答案: