首页 / JAVASCRIPT / 如何通过JavaScript检测表单的提交方式？

如何通过JavaScript检测表单的提交方式？

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了如何通过JavaScript检测表单的提交方式？，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1841字，纯文字阅读大概需要3分钟。

内容图文

我有一个包含多个提交按钮的表单,我正在通过JavaScript监听“提交”事件.我想知道哪个提交按钮或表单字段(如果用户按下’Enter / Return’)触发了提交事件.有没有办法获取用户点击或按下“输入/返回”的HTML元素？

更新,因为人们不理解我：

这是在提交表单之前通过JavaScript.不允许服务器端检测.我还需要通过用户按Enter或Return来处理提交的表单.

码

<form action="" method="POST">
    <input type="text" name="first_name">
    <input type="text" name="item">
    <input type="submit" value="Add item">
    <input type="submit" value="Submit">
</form>

单击“添加项目”或按回车/输入名称=“项目”将添加另一个表单域.

最后的说明

据我所知,没有办法检测哪个表单字段触发了表单提交.如果您需要阻止提交具有多个按钮和/或Enter / Return的表单,则需要使用< input type =“button”>并将事件处理程序绑定到要停止表单提交的表单字段.

解决方法:

如果你有多个提交按钮,你可以告诉他们每个人都有一个唯一的名称属性,如下所示：

<input type="submit" name="submit1" value="Submit 1"/>
<input type="submit" name="submit2" value="Submit 2"/>
<input type="submit" name="submit3" value="Submit 3"/>

聚焦的那个与表单提交一起发送,所以如果你点击名称为“submit2”的那个,那将以POST(或GET)的形式出现.如果输入被命中,则源中的第一个按钮(在本例中为submit1)被视为默认值并被发送.您可以将其设置为display：none,用作检测输入是否被按下的虚拟对比实际单击提交按钮.

编辑：

为了回应您的评论,要捕获在某些元素中按下的回车键,您可以使用jQuery执行此操作.

注意,您需要提供first_name和add_item id属性,并将add_item转换为type =“button”而不是type =“submit”.

HTML：

<form action="" method="POST">
    <input type="text" name="first_name"/>
    <input type="text" id="item" name="item"/>
    <input type="button" id="add_item" value="Add item"/>
    <input type="submit" value="Submit"/>
</form>

JS：

$("#item").keydown(function(event){
    if(event.keyCode == 13) {
        addFields();

        event.preventDefault();
        event.stopPropagation();
    }
});

$("#add_item").click(function(event) {
    addFields();
});

内容总结

以上是互联网集市为您收集整理的如何通过JavaScript检测表单的提交方式？全部内容，希望文章能够帮你解决如何通过JavaScript检测表单的提交方式？所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

扫描二维码推送至手机访问。

本文链接：https://qyyshop.com/info/741997.html

来源：【匿名】