监听移动端的表单提交事件

最新推荐文章于 2022-04-05 14:55:00 发布
最新推荐文章于 2022-04-05 14:55:00 发布
阅读量344 收藏
点赞数
文章标签： javascript vue html
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/meoncih_/article/details/107885603
版权

其实，只要是表单控件，移动端监听到该表单元素被点击就会自动弹出键盘

没有设置提交按钮的情况：
通过监听enter键就可以处理表单的提交
@keypress.13
比如，我用type=search的input标签时弹出的键盘中相当于enter功能的键显示【搜索】文字。

用的是textarea标签时，显示的是【换行】，如果监听了@keypress.13，不仅会换行还会处理@keypress.13的事件

当然也可以直接设置提交按钮监听表单的提交~

call_MEonTheWeekend
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
form表单提交，form通过手机键盘发送提交提交，小程序表单提交
hangGe0111的博客
01-21 471
1.html <!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <title>input textarea</title> <style type="text/css"&am
Layuiの表单提交监听
Twenty-Seven的博客
01-11 2274
Layui的表单 <form class="layui-form"> <div class="layui-form-item"> <label class="layui-form-label">姓名:</label> <div class="layui-input-inline"> &...
layui之form表单监听提交
守护大白菜的博客
07-01 3440
要想使用layui的form表单提交监听事件,需要给form标签增加禁止自动提交的属性onsubmit="return false; <form class="layui-form" action="" onsubmit="return false;"> <div class="layui-form-item"> <div class="layui-input-block"> <button type="submit" .
移动端点击、滑动和长按事件
GracieLaw的博客
03-25 299
<template> <div> <button @touchstart="start" @touchmove="move" @touchend="end" >测试按钮 </button> </div> </template> <script> export default { name:"Bubble
移动端页面键盘出现“搜索”按键且实现提交功能
weixin_33958366的博客
12-19 450
在移动端页面键盘上出现search/‘搜索’按键，需要满足以下几点： 1 input 输入框type="search" <input type="search"> 2 放在form表单里面 3 需要使用 action属性 这三个条件缺一不可在vue中的写法 <template> <form action="...
移动端表单验证
10-28
6. 表单提交事件： 在MUI中，表单的提交事件也需要处理，确保所有字段都通过验证后再触发提交操作。可以使用`event.preventDefault()`防止默认的表单提交行为，然后手动检查所有字段并进行必要的操作。 7. 联动...
form_checkbox:移动端表单checkbox多选框美化
06-03
总的来说，`form_checkbox` 是一个专注于移动端表单多选框美化的解决方案，通过 JavaScript 提供丰富的交互和样式定制，旨在提升移动应用的用户界面质量和用户体验。开发者可以根据自己的项目需求，灵活运用和扩展这...
事件监听及JS相关基础
05-31
在JavaScript编程中，事件监听是实现用户交互的关键技术。它允许我们对用户的特定行为做出响应，比如点击按钮、提交表单或更改输入字段等。本文将深入探讨事件监听及其相关基础知识，包括事件绑定、事件解绑、常见...
jQuery手机移动端注册表单验证代码
06-10
10. **JavaScript逻辑**：js文件夹中的脚本文件包含了表单验证的核心逻辑，通过jQuery方法监听表单事件，执行验证函数，并根据验证结果动态更新错误提示。 这款验证代码是移动应用开发中的一个实用组件，通过合理...
Js 表单提交验证函数（很全了）
06-24
2. `addEventListener`：监听`submit`事件，阻止默认的表单提交，通过自定义函数验证数据。 ```javascript document.getElementById('myForm').addEventListener('submit', function(e) { e.preventDefault(); // ...
x-admin中监听提交踩的坑
qq_44747508的博客
07-09 1260
关于x-admin监听提交踩坑 下载好x-admin中的的监听提交 本来是这样的，之前用这个怎么都拿不到返回值 //监听提交 form.on('submit(add)', function(data){ console.log(data); //发异步，把数据提交给php layer.alert("增加成功...
移动端回车键触发表单提交及相关兼容
weixin_30487201的博客
03-16 224
　　我们有时候希望回车键敲在文本框（input element）里来提交表单（form），但有时候又不希望如此。比如搜索行为，希望输入完关键词之后直接按回车键立即提交表单，而有些复杂表单，可能要避免回车键误操作在未完成表单填写的时候就触发了表单提交。 　　要控制这些行为，不需要借助JS，浏览器已经帮我们做了这些处理，这里总结几条规则： 如果表单里有一个type=”submit”的按钮，回车...
Web前端开发之前后端交互04——监听表单提交事件、模板引擎art-template、XMLHttpRequest、 URL编码、​ 数据交换格式
DRLDER的博客
04-05 1130
目录 监听表单提交事件： 模板引擎： XMLHttpRequest: URL编码： 数据交换格式： JSON： JSON和JS互转： 监听表单提交事件： 在JQ中有两种办法来监听表单提交事件： 阻止表单默认提交事件： 由于表单会默认选择跳转到指定页面。 在之前的JQ中我们学到了序列化表单的方法，这里就可以用到它。 我们希望读取全部表单的元素，注意必须存在name属性。 模板引擎： art-template:用于渲染大量数据。 首先我们使用原生方法...
h5移动端使用手机自带软键盘的“前往”、“go”键提交表单
qq_32538087的博客
04-30 5589
这也是我自己在项目中遇到的问题，在网上找了很久都没有找到类似的。试了很多次浪费了很多时间 登录和搜索时“前往”、“go”或者回车(电脑键盘)键提交表单（form） 表单里有一个type=”submit”或者type=”text”就可以用“前往”、“go”或者回车键提交表单 但是要注意，如果表单中有两个button按钮，一定都要设置type，不然提交不成功（因为用input我们都会去设置ty...
移动端form表单
weixin_33796177的博客
02-10 521
始终绑定submit事件 不单独的对【提交】按钮绑定click事件，对整个表单绑定submit提交事件，这样可以让整个表单内的文本框获得Enter提交的VIP待遇，并且在移动端中可以让文本框聚焦时键盘的右下角是【前往】。 input元素的type maxlength 如果已知元素理想的输入长度，不妨设置下元素的最大长度属性，并且兼容性很好哦。从一定程度上避免了用户的误输入，从而提升用户...
【Layui】var form = layui.form的意思 监听提交事件
咔咔博客
12-12 5595
author：咔咔 wechat：fangkangfk 看了文档后，说这种写法是获取form模块，也就是说操作from模块需要使用form来调用 保存按钮的lay_fileter的值，就是监听提交事件的test //监听提交按钮 form.on('submit(test)', function(data){ console.log(data); })...
手机键盘 确认按钮 事件 监听 绑定（web移动端）
热门推荐
hao像飘在外太空的博客
12-01 1万+
亲自测试，以下设置可以修改iOS的软键盘的确定按钮[右下角那个]1 标签需要具有 action属性<form action="#">或者<form action>都可以2 一定要设置typetype="search"或者type="text"都可以<form action="#"> <input type="text" /> </form>3 绑定确定按钮的函数$('form').on('sub
手机端Form简单表单制作及onSubmit事件
张彦琪的博客
04-28 5580
form及其他表单控件的的简单应用，手机端自适应代码，form表单提交前格式验证代码，form提交前的onSubmit事件。
H5 input search 提交事件
红星娃娃头
05-31 4874
欲实现一个文字搜索的功能，要求输入时，键盘回车按钮提示显示为“搜索”。效果如下: 开始~ input type=text并不能达到这种效果，google了一下，html5 增加的type=search可以做到（但需要input type=search外面包上一层带action属性的form）。 class="search-input-wrap clearfix">
vue监听移动端截屏事件
最新发布
07-08
在Vue中监听移动端的截屏事件需要通过原生的JavaScript来实现。可以通过监听`window`对象的`resize`事件来判断是否进行了截屏操作。下面是一个示例： ```vue <!-- 页面内容 --> export default { mounted...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值