回车提交表单
发表于|更新于
|浏览量:
却是平流无石处,时时闻说有沉沦。——唐•杜荀鹤
我们在页面开发中经常会写一些表单,但身为一个懒人,肯定是懒得点提交按钮的,我一般直接按回车提交
当我们的form满足只有一个input的时候,回车事件是生效的
1 | <form> |
当我们的form有多个input的时候,回车事件失效了
1 | <form> |
此时我们可以加一个input,让type=submit
即可再次满足回车提交效果
1 | <form> |
如果要隐藏掉,使用样式display:hide隐藏即可
但有时如果我们如果需要回车不提交表单,则可以避免上述条件
如果想要不执行submit事件,可以直接在form上加一个onsubmit="return false"即可
1 | <form onsubmit="return false"> |
相关推荐
2023-07-15
umijs环境变量问题
我们关心的,不是你是否失败了,而是你对失败能否无怨。——林肯 今天遇到一个问题,umijs框架下的环境变量配置不好使 首先是我package.json里的配置是这样的: 12345 "scripts": { "start": "cross-env NODE_ENV=dev umi dev", "build:test": "cross-env NODE_ENV=test umi build", "build:production": "cross-env NODE_ENV=prod umi build"} 然后在我其中一个js文件中进行引用: 12console.log({ NODE_ENV: process.env.NODE_ENV });console.log({ 'process.env': process.env }); 然后当我指...
2026-02-23
FossFLOW
眼前的瞬间是一位威力强大的女神。——歌德 FossFLOW — 用于创建华丽等轴测图的开源神器在快速变化和高度技术化的现代世界中,“以图达意”的表达变得越来越重要。FossFLOW 应运而生,为开发者、设计师和工程师带来了领先的等轴测图设计工具。 📌 FossFLOW 是什么?FossFLOW 是一个开源的渐进式 Web 应用程序(PWA),致力于帮助用户轻松创建生动的等轴测技术图解。由现代前端框架 React 打造,并使用 fork 编辑后的 Isoflow 图形库(现已作为 fossflow 发布到 NPM),无需本地安装,完全基于浏览器,无需联网即可实现离线运行。 💡 功能特性详解以下是 FossFLOW 中的一些核心功能,与其他类似工相比,它能够为用户提供极具创新性的体验: 🎨 专业级等轴测绘图:用简洁友好的方式创建 3D 风格的技术图。 💾 智能自动保存:每隔 5 秒自动保存,让您的设计过程无后顾之忧。 📱 渐进式 Web 应用支持(PWA):可在 Mac 和 Linux 上安装为原生应用。 🔒 强调用户隐私:所有数据均本地存储于用户浏览器,无需任...
2024-10-19
docmost
有缺点的战士终究是战士,完美的苍蝇也终究不过是苍蝇。 ——鲁迅《华盖集》 网站: https://docmost.com/ 文档: https://docmost.com/docs github: https://github.com/docmost/docmost Docmost 是一个开源协作维基和文档软件。它是 Confluence 和 Notion 的开源替代品。 运行: 123mkdir docmostcd docmostcurl -O https://raw.githubusercontent.com/docmost/docmost/main/docker-compose.yml 然后编辑文件 1vi docker-compose.yml 修改 APP_URL应替换为您选择的域。例如https://example.com或https://docmost.example.com 。 APP_SECRET值必须替换为长随机密钥。 您可以使用openssl rand -hex 32生成秘密。如果保留默认值,应用程序将无法启动。 将POSTGRES_PASSWORD环...
2021-03-30
el-date-picker
但我拒绝!我岸边露伴最喜欢的事情之一,就是向那些自以为是的家伙说,NO! 但我拒绝!我岸边露伴最喜欢的事情之一,就是向那些自以为是的家伙说,NO!——岸边露伴 讲讲常用的el-date-picker属性 例如我们禁用今天前的日期,以及不让选择当前时间之前的时间点 12345678910<el-date-picker v-model="date" type="datetime" @change="disableTime" format="yyyy-MM-dd HH:mm:ss" value-format="yyyy-MM-dd HH:mm:ss" placeholder="选择日期时间" :picker-options="{disabledDate:(v)=>v.getTime() < new Date().getTime() - 86400000}" ...
2020-09-02
js获取url上的参数
获取url上的参数 123456789101112function getUrlParam(name) { if (name == null) { return name; } var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)"); var r = window.location.search.substr(1).match(reg); if (r != null) { //return unescape(r[2]); return r[2]; } return null; } 1console.log(getUrlParam("id"));
2020-09-17
一篇,让你会写原生ajax
在这个社会转型期,最大的悲剧不是坏人的嚣张,而是好人的过度沉默。——马丁·路德·金 非常简单啦~ 大家可以拿去任意定制,比如请求方式使用参数传入、指定参数类型、调用时控制是否同步等 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109var Ajax = { /** * get参数格式化,转换对象成url方式 * @param data 对象 转换前: {"username":"ruben","password":"achao"} * @returns &...
