javascript - 如何在没有提交按钮的情况下向 JavaScript 提交表单?

标签 javascript html

<form>
   <input type="text" name="sometext">
   <input type="button" value="Send" onClick="sendsometext(this.form);">
</form>

如果不使用提交按钮(我根本不想要它),只需按 Enter 键提交表单,那会怎么样?

已编辑:我根本不想提交表单。我只想在输入字段中输入一些文本并通过 Enter 键调用该函数。我可以不用 JS 来做这个吗?

最佳答案

<form>
   <input type="text" name="sometext">
   <input type="button" value="Send" onClick="this.form.submit">
</form>

或者,从 sendsometext 函数:

function sendsometext(form){
  form.submit();
}

要在表单提交时(当用户按 Enter 键时)运行该函数,请尝试以下操作:

<form onsubmit="sendsometext(this)">
   <input type="text" name="sometext">
</form>

如果您从 sendsometext 返回 false,则表单将不会提交。

编辑(再次)

显然你不想提交表单,你想做的就是让函数处理数据,然后用它做一些事情。如果您的 sendsometext 函数返回 false,则不应提交表单:

function sendsometext(form){
  //do something with the form;
  return false;
}

然后是 html 代码:

<form onsubmit="return sendsometext(this)">
   <input type="text" name="sometext">
</form>

如果这不起作用,请指定您使用的浏览器以及会发生什么情况。还发布一个演示页面,说明您是如何实现它的。如果不使用 JavaScript,您就无法将表单提交给 JavaScript(这没有意义)。

关于javascript - 如何在没有提交按钮的情况下向 JavaScript 提交表单?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/1739955/

相关文章:

javascript - 如果图像高度超过图像宽度,通过裁剪图像的顶部和底部来垂直居中图像 - 仅使用 CSS 可能吗?

javascript - 这个链式 ES6 箭头函数是什么?

javascript - 在jointjs中制作元素 'not selectable'

javascript - 使数字成为百分比

PHP 使用选择值来搜索并将结果显示到文本框

html - 如何防止图片框外的描述文字溢出?

html - 为什么我们必须为 css 文件使用 "link"标签

html - 使用 CSS 为图像添加深度

c# - 短信客户端URL预览检测

javascript - AngularJs 无法从本地加载 JSON 文件 "Maven Project"