去除表单的回车即提交即回车!=提交

默认情况下,单个输入框,无论按钮的type=”submit”还是type=”button”类型,回车提交,那么如何去除表单的回车即提交,下面有个不错的示例大家可以参考下实现”回车!=提交”的问题,一般可以从”按钮的type类型” 和 “输入框个数”两处着手。

默认情况下,单个输入框,无论按钮的type=”submit”还是type=”button”类型,回车即提交。

1.当type=”submit”时,无论有几个type=”text”输入框,回车均表示提交。(submit)

2.当type=”button”时,且存在多个输入框,回车不提交。(button)

3.解决单个输入框的回车即提交问题,参考第二点:可以增加一个input=”text”,隐藏; 然后type类型为button。

在实际应用中,input输入框很少只有一个的情况,那么只需记住第二条即可应对。

使用JS事件阻止表单提交 不在本文讨论范围,当然也是可以实现的。

更多去除表单的回车即提交即回车!=提交相关文章请关注【创想鸟】!

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

发布者:PHP中文网,转转请注明出处:https://www.chuangxiangniao.com/p/2835860.html

(0)
上一篇 2025年3月9日 06:05:20
下一篇 2025年3月9日 06:05:29

AD推荐 黄金广告位招租... 更多推荐

相关推荐

  • 有关表单提交的问题

    问题:在HTML中如何写跳转到某文件?HTML中我希望按了提交后转到aaa.asp这个文件,action这里应该怎么写?form 以上就是有关表单提交的问题的详细内容,更多请关注【创想鸟】其它相关文章!

    编程技术 2025年3月9日
    200
  • js富文本处理和表单提交功能实例详解

    本文主要和大家分享js富文本处理和表单提交功能实例详解,主要以代码的形式和大家分享,希望能帮助到大家。 一,js处理富文本  function decodeHtml(s) {        var HTML_DECODE = {      …

    编程技术 2025年3月8日
    200
  • jquery的表单验证提交

    这次给大家带来jquery的表单验证提交,jquery表单验证提交的注意事项有哪些,下面就是实战案例,一起来看一下。 说明: 1. 代码中的js脚本文件路径需替换为自己的目录文件 2. 代码中加入了ajax验证账号是否存在 表单验证font…

    编程技术 2025年3月8日
    200
  • 在不刷新的情况下用ajax提交form表单到数据库

    这次给大家带来在不刷新的情况下用ajax提交form表单到数据库,不刷新时用ajax提交form表单到数据库的注意事项有哪些,下面就是实战案例,一起来看一下。 大家应该都知道,在静态页面提交表单到数据库很简单就是单纯的 登录后复制 这个缺点…

    2025年3月8日
    200
  • jQuery怎么验证Ajax提交表单传参

    这次给大家带来jQuery怎么验证Ajax提交表单传参,jQuery验证Ajax提交表单传参的注意事项有哪些,下面就是实战案例,一起来看一下。 serialize() 方法通过序列化表单值,创建 URL 编码文本字符串。代替了一个一个传参的…

    编程技术 2025年3月8日
    200
  • 怎么用ajax实现提交评论并自动刷新

    这次给大家带来怎么用ajax实现提交评论并自动刷新,用ajax实现提交评论并自动刷新的注意事项有哪些,下面就是实战案例,一起来看一下。 在试了很多次了,终于搞定了,上代码吧。(我用的是jQuery的ajax,不是原生的) js代码: $(d…

    编程技术 2025年3月8日
    200
  • ajax的参数过长无法提交如何处理

    这次给大家带来ajax的参数过长无法提交如何处理,处理ajax参数过长无法提交的注意事项有哪些,下面就是实战案例,一起来看一下。 查了很多资料都说,get方法的参数是有限制的,post方法的参数的长度是无限制,这也是post相比get的优势…

    编程技术 2025年3月8日
    200
  • Ajax通过XML异步提交实现二级联动

    这次给大家带来Ajax通过XML异步提交实现二级联动,Ajax通过XML异步提交实现二级联动的注意事项有哪些,下面就是实战案例,一起来看一下。 之前有写过是从JavaScript数组里获取省市信息来实现二级联动,但是似乎有很多需求是要从数据…

    编程技术 2025年3月8日
    200
  • ajax怎样实现跨页面提交表单

    这次给大家带来ajax怎样实现跨页面提交表单,ajax实现跨页面提交表单的注意事项有哪些,下面就是实战案例,一起来看一下。 前面提到过重复提交表单问题,处理token口令校验、重定向之外,还有一种经常使用到的方法就是新页面处理表单提交,完成…

    2025年3月8日
    200
  • Bootstrap模态框多次弹出提交BUG

    这次给大家带来Bootstrap模态框多次弹出提交BUG,Bootstrap模态框多次弹出提交BUG的注意事项有哪些,下面就是实战案例,一起来看一下。 模态框    Bootstrap Modal    Bootstrap 的模态框使用Bo…

    编程技术 2025年3月8日
    200

发表回复

登录后才能评论