使用jQuery提交表单

Question

使用jQuery提交表单我想使用jQuery提交一个表单。有人能提供代码、演示或示例链接吗？

Answer 1

你得用$("#formId").submit().

您通常会在一个函数中调用它。

例如：

<input type='button' value='Submit form' onClick='submitDetailsForm()' /><script language="javascript" type="text/javascript">
    function submitDetailsForm() {
       $("#formId").submit();
    }</script>

您可以在jQuery网站.

Answer 2

在jQuery中，我更喜欢以下内容：

$("#form-id").submit()

但是，您确实不需要jQuery来执行该任务-只需使用常规JavaScript：

document.getElementById("form-id").submit()

Answer 3

当您有一个现有的表单时，现在应该可以使用jQuery-ajax/post了：

• 保存表单的提交事件。
• 防止提交的默认功能

• 做你自己的事

  $(function() {
      //hang on event of form with id=myform
      $("#myform").submit(function(e) {
  
          //prevent Default functionality
          e.preventDefault();
  
          //get the action-url of the form
          var actionurl = e.currentTarget.action;
  
          //do your own request an handle the results
          $.ajax({
                  url: actionurl,
                  type: 'post',
                  dataType: 'application/json',
                  data: $("#myform").serialize(),
                  success: function(data) {
                      ... do something with the data...
                  }
          });
  
      });});

请注意，为了serialize()函数要在上面的示例中工作，所有的表单元素都需要有它们的name属性定义。

表格示例：

<form id="myform" method="post" action=" 
<input type="text" size="20" value="default value" name="my_input_field">..
.</form>

@ptf-在本示例中使用POST提交数据，这意味着您可以通过

 $_POST['dataproperty1']

，其中dataproperties 1是json中的“变量名”。

如果使用CodeIgniter，这里的示例语法：

 $pdata = $this->input->post();
 $prop1 = $pdata['prop1'];
 $prop1 = $pdata['prop2'];