使用jQuery提交表单

Question

使用jQuery提交表单

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

Answer 1

你得用$("#formId").submit().您通常会在一个函数中调用它。例如：<input&nbsp;type='button'&nbsp;value='Submit&nbsp;form'&nbsp;onClick='submitDetailsForm()'&nbsp;/><script&nbsp;language="javascript"&nbsp;type="text/javascript"> &nbsp;&nbsp;&nbsp;&nbsp;function&nbsp;submitDetailsForm()&nbsp;{ &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;$("#formId").submit(); &nbsp;&nbsp;&nbsp;&nbsp;}</script>您可以在jQuery网站.

Answer 2

在jQuery中，我更喜欢以下内容：$("#form-id").submit()但是，您确实不需要jQuery来执行该任务-只需使用常规JavaScript：document.getElementById("form-id").submit()

Answer 3

当您有一个现有的表单时，现在应该可以使用jQuery-ajax/post了：保存表单的提交事件。防止提交的默认功能做你自己的事$(function()&nbsp;{ &nbsp;&nbsp;&nbsp;&nbsp;//hang&nbsp;on&nbsp;event&nbsp;of&nbsp;form&nbsp;with&nbsp;id=myform &nbsp;&nbsp;&nbsp;&nbsp;$("#myform").submit(function(e)&nbsp;{ &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;//prevent&nbsp;Default&nbsp;functionality &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;e.preventDefault(); &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;//get&nbsp;the&nbsp;action-url&nbsp;of&nbsp;the&nbsp;form &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;var&nbsp;actionurl&nbsp;=&nbsp;e.currentTarget.action; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;//do&nbsp;your&nbsp;own&nbsp;request&nbsp;an&nbsp;handle&nbsp;the&nbsp;results &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;$.ajax({ &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;url:&nbsp;actionurl, &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type:&nbsp;'post', &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;dataType:&nbsp;'application/json', &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;data:&nbsp;$("#myform").serialize(), &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;success:&nbsp;function(data)&nbsp;{ &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;...&nbsp;do&nbsp;something&nbsp;with&nbsp;the&nbsp;data... &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;} &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}); &nbsp;&nbsp;&nbsp;&nbsp;});});请注意，为了serialize()函数要在上面的示例中工作，所有的表单元素都需要有它们的name属性定义。表格示例：<form&nbsp;id="myform"&nbsp;method="post"&nbsp;action="&nbsp; <input&nbsp;type="text"&nbsp;size="20"&nbsp;value="default&nbsp;value"&nbsp;name="my_input_field">.. .</form>@ptf-在本示例中使用POST提交数据，这意味着您可以通过&nbsp;$_POST['dataproperty1']，其中dataproperties 1是json中的“变量名”。如果使用CodeIgniter，这里的示例语法：&nbsp;$pdata&nbsp;=&nbsp;$this->input->post(); &nbsp;$prop1&nbsp;=&nbsp;$pdata['prop1']; &nbsp;$prop1&nbsp;=&nbsp;$pdata['prop2'];