使用回车键safari浏览器提交不了form表单

最新推荐文章于 2023-11-13 11:57:04 发布
原创 最新推荐文章于 2023-11-13 11:57:04 发布 · 2.6k 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

本文介绍了一种在网页表单中使用回车键触发提交按钮的方法。具体操作是在表单中隐藏一个提交按钮，并通过JavaScript捕获回车键事件来触发该按钮的点击事件。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

解决办法：增加一个<input type="submit" id = "submit" style="display:none;">     在回车按键事件中加上$("#submit").trigger("click");意思是通过按键触发单击事件
9、HTML表单元素全解析
2w3e4r5t6y的博客
06-23 16
本文详细解析了HTML表单中的各类元素，包括文本输入字段、密码字段、复选框、单选按钮、隐藏字段、文件上传、重置和提交按钮等，并介绍了文本区域和选择列表的使用方法。文章还提供了注册表单的完整示例，总结了表单元素的兼容性处理和最佳实践，帮助开发者创建功能完善、用户体验良好的表单。
10、优化Web登录表单：从输入验证到服务器响应处理
最新发布
n7o8p的博客
07-09 16
本文详细探讨了如何优化Web登录表单，涵盖从输入验证到服务器响应处理的全流程。文章介绍了如何通过AJAX实现客户端初步验证，提升用户体验，同时强调服务器端验证的重要性以确保数据安全。通过捕获键盘事件、动态启用提交按钮、保护登录信息、处理服务器响应等功能的实现，展示了现代Web登录表单的核心技术。此外，还讨论了异常处理、性能优化、兼容性考虑及未来可扩展性，为构建安全、高效、用户友好的登录流程提供了全面指导。
safari ajax timeout,Safari ajax提交表单无响应？
weixin_36046702的博客
08-06 538
两个项目均遇到了Safari ajax提交无响应了。表单里有text、file字段。file字段用于上传封面图片。创建的时候没问题，当修改的时候，我不想修改封面图，只修改内容，结果Safari提交后无响应。一直在转圈，到最后超时提示 Failed to load resource: 网络连接已中断。提交内容如下：------WebKitFormBoundaryDzyYu0NMFtWL5EDUCon...
IOS safari 浏览器中使用ajax 回调函数,submit不执行
weixin_43560960的博客
11-12 646
电商平台提交表单时先检查库存是否有,有库存再提交订单,使用异步查询后submit 订单,结果安卓上,PC上都可以,IOS上不行,最后加了参数 async: false 终于成功了. $.ajax({ async: false, url: '/handler/JsonApi.ashx', //数据接口 data: {
el-form登录表单在Safari浏览遇到的问题
weixin_43078608的博客
08-29 450
最近遇到一个非常奇怪的问题，登录表单在输入密码之后，密码框失去焦点后获取数据，在这之前禁用登录按钮。还有一个重置按钮，用来重置表单。 使用浏览器的记住密码功能填充表单，在Chrome，Firefox浏览器运行的好好的，但是到Safari浏览器就出现了问题，正常输入用户名密码可以登录，但使用浏览器记住密码功能填充表单，就出现了一个很奇怪的问题。表单被清空，也就是说在填充表单的同时执行了重置按钮。这...
兼容多种浏览器的Ctrl+Enter提交--兼容firefox、ie、opera
07-02 194
&lt;!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"&gt;&lt;html xmlns="http://www.w3.org/1999/xhtml"&gt;&lt;head&gt;&lt;meta h
自动生成Form表单提交在苹果浏览器中的注意事项
carcarrot的博客
11-13 594
该问题实际是Safari浏览器针对自动弹窗提交数据的安全机制造成的，如果 form.target改用“_self” 或者 在HTML页面表单以type="submit"按钮人为手动单击提交，应该不存在该问题；然而我们是希望不改变原页面的情况下自动生成表单提交，因此不可在本页中用“_self”，如果单纯想提交数据非必须弹新窗口，可以结合利用 iframe ，创建一个隐藏的iframe在其中以target为_self提交Form，即可解决问题，或者就只是使用Ajax也可以提交FormData。
不同浏览器对回车提交表单的处理办法
09-05
而在Chrome和Safari浏览器中，只需要满足第一个条件，即`<form>`的`action`属性有值，回车键就能触发表单提交。 如果需要在提交前进行一些验证或异步交互，如检查必填项、使用Ajax进行数据验证，可以通过`<form>`...
angularjs中回车键触发某一事件的方法
10-19
总结来说，在AngularJS中实现回车键触发事件的核心在于使用ng-keyup指令，并在控制器中定义对应的处理函数来检测键码值。如果检测到键码为回车键，则执行相应的逻辑操作。这种方式可以广泛应用于表单提交、搜索功能...
javascript 键盘事件总结 推荐
12-12
在form中， submit的快捷键是 enter，reset的快捷键是 esc。不过在IE6,safari4,ff3.5,opera10,chrome中，按Enter，不但激发... 如果表单里有一个type=”submit”的按钮，回车键生效。 2. 如果表单里只有一个type=”te
formdata上传文件服务器,Safari通过FormData将文件上传到服务器上文件上传通过FormData...
weixin_33178459的博客
08-09 521
以下代码适用于Chrome和Firefox，但我们遇到了Safari问题。的File出现之前，它被附加到FormData遗憾的是Safari不给予足够的支持来查看一次连接到FormData我们的问题是文件很好地形成的，一旦它发送到我们的服务器倾出var_dump($_FILES['file'])显示文件为空(大小属性为0)。我相信这是Safari对Safari的“基本”支持FormData，但我尝...
苹果微信web无法提交form表单问题解决
xdsm1234的博客
04-25 4654
苹果微信web无法提交form表单问题解决问题出在微信端,而且是苹果机的微信端(苹果你咋这么矫情,安卓正常). 应用需要form提交数据跳转第三方支付网站,问题来了,苹果上跳转后没有携带数据,坑啊!!! 解决:百度了各种情况,功夫不负有心人,终于解决了原因: from 表单 target属性不能是_blank 需要写成_self 修改完成后跳转正常
修复iPhone上submit按钮bug
寒风问雪的专栏
12-13 817
自从完成上次iPhone的几个页面效果后，一直在没有制作iPhone的页面效果了，今天在公司写了一个登录页面效果，让我碰到一个怪异的问题——“表单中的input[type="submit"]和input[type="reset"]按钮在iPhone的safari浏览器下圆角有一个bug”。下面我来简单的描述一下这个bug的样子： 初载入页面后，表单中的input[type="submit"]和i
chrome/safari中jquery submit()不起作用的解决办法
Nix Live
09-26 3537
jquery UI会把页面中的表单创建或放入UI自己的窗体元件中进行托管，但webkit并不知道，所以在chrome/safari中jquery的submit()的方法会不起作用，解决方法为用如下代码代替： dialog.data("dialog").uiDialog.fi
各浏览器的表单提交
tammy_zhu的专栏
08-12 4676
<br /><br /> 1, form中只有1个input[type="submit"]，测试回车是否自动提交<br /><br />     * 测试结果： javascript阻止form.submit行为，按回车，自动提交表单 --- 测试浏览器：IE6, FF, Chrome, Opera, Safari;<br /><br /> 2, form中有1个input[type="text"]和1个input[type="submit"]，测试回车是否自动提交<br /><br />    
Form表单、四种常见的POST请求提交数据方式、MIME【转】
weixin_30887919的博客
01-26 8789
浏览器行为：Form表单提交 1、form表单常用属性 action：url 地址，服务器接收表单数据的地址 method：提交服务器的http方法，一般为post和get name：最好好吃name属性的唯一性 enctype: 表单数据提交时使用的编码类型，默认使用"pplication/x-www-form-urlencoded"，如果是使用POST请求，则请求头中的conte...
Safari 里的javascript 里不能用submit作为函数名
dengshumi7891的博客
03-27 349
Safari 里的javascript 里不能用submit作为函数名, 这样写的时候,怎么也运行不了JeasyUI的onSubmit的function, 改个名就可以了.而在chrome下面就没问题 function submit() { $('#form').form('submit', { onS...
使用JavaScript实现回车键提交表单
然而，为了提高用户体验，我们可以让表单在用户按下回车键时自动提交，这样用户就不必使用鼠标，只需在输入字段中按回车即可完成提交操作。这种功能在许多情况下都是实用且受欢迎的，尤其是在移动设备上，用户可能更...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值