如何使用JavaScript提交表单?

21 浏览
0 Comments

如何使用JavaScript提交表单?

我有一个带有id为theForm的表格,其中包含以下带有提交按钮的div:

当点击按钮时,会调用函数placeOrder()。该函数会将上述div的innerHTML更改为"processing..."(因此提交按钮现在消失了)。

以上代码是有效的,但现在的问题是我无法使表格提交!我尝试在placeOrder()函数中加入以下代码:

document.theForm.submit();

但这并不起作用。

我该如何使表格提交?

0
0 Comments

如何使用JavaScript提交表单?

你可以使用以下代码进行提交:

document.getElementById('theForm').submit();

不要替换innerHTML。你可以隐藏表单,然后插入一个processing...标签,它会出现在表单的位置。

var form = document.getElementById('theForm');
form.style.display = 'none';
var processing = document.createElement('span');
processing.appendChild(document.createTextNode('processing ...'));
form.parentNode.insertBefore(processing, form);

如何告诉表单要发送到哪里?例如,在我的情况下,我希望将内容发送到我的电子邮件中。

你可能需要服务器端的代码来为你完成这个操作。

设置表单的action="/{controller}/{action-method}" method="post"属性。

因为我的表单名字和id都是printoffersForm。document.getElementById('printoffersForm').submit();但是它给我出现了submit is not a function错误。

可能是你的提交按钮也命名为submit了?请参考stackoverflow.com/questions/833032/…的答案。

0
0 Comments

问题的原因是用户想要了解如何使用JavaScript提交一个表单。根据给出的代码和问题的回答,解决方法是使用JavaScript的submit()方法来提交表单。可以通过获取表单元素的id并调用submit()方法来提交表单。另外,还可以将提交表单的代码放在一个函数中,并通过调用该函数来提交表单。回答中还提到,使用submit()方法提交表单将会提交所有输入标签的值。此外,还可以通过在onsubmit事件上设置一个函数来处理表单的提交,可以在此函数中使用Ajax代码来在不刷新页面的情况下提交表单。整理成文章如下:

JavaScript如何提交表单?

有时候我们需要使用JavaScript来提交表单。下面是几种使用JavaScript提交表单的方法。

方法一:使用submit()方法

可以通过获取表单元素的id,并调用submit()方法来提交表单。示例代码如下:

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

方法二:将提交表单的代码放在一个函数中

也可以将提交表单的代码放在一个函数中,并通过调用该函数来提交表单。示例代码如下:

function formSubmit()
{
    document.getElementById("form1").submit();
}

方法三:提交所有输入标签的值

使用submit()方法提交表单将会提交所有输入标签的值,不仅限于input标签。示例代码如下:

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

方法四:使用onsubmit事件处理表单的提交

可以通过在onsubmit事件上设置一个函数来处理表单的提交。在该函数中,可以使用Ajax代码来在不刷新页面的情况下提交表单。示例代码如下:

document.getElementById("form1").onsubmit = function(){
    //在此处可以使用Ajax代码来提交表单
    //提交表单后不刷新页面
}

总结

使用JavaScript可以方便地提交表单。可以通过调用submit()方法或者在onsubmit事件上设置一个函数来实现表单的提交。无论使用哪种方法,都可以实现在不刷新页面的情况下提交表单。

0
0 Comments

问题出现的原因是按钮的名称与表单的属性冲突,解决方法是将按钮的名称修改为不与表单属性冲突的名称。具体操作是将表单的name属性设置为"theForm"。以下是整理后的文章:

在JavaScript中,如何使用提交表单?一个用户遇到了这个问题,但他发现将按钮的名称和id设置为"submit",然后使用document.theForm.submit()提交表单时报错了。经过一番探索,他发现问题的原因是按钮的名称与表单的属性冲突。根据api.jquery.com/submit提供的说明,表单的子元素不应使用与表单属性冲突的输入名称或id。

解决这个问题的方法很简单,只需要将按钮的名称修改为不与表单属性冲突的名称即可。具体地,将表单的name属性设置为"theForm",然后使用document.theForm.submit()就可以成功提交表单了。

通过这个例子,我们可以看到在使用JavaScript提交表单时,需要注意按钮的名称与表单的属性冲突问题。避免冲突可以确保代码的正常运行。

0