• 回车自动提交 禁止回车自动提交


    今天遇到一个很变态的问题,由于一个input框要用suggest ,会用到回车事件。
    但是在一个form里面,按回车的时候我的form自动提交了,我靠,怎么改动不行。

    把submit改成button,也不行。蛋蛋的,看样子是自动执行了form.submit()

    结果从网上得到某位大侠的文章,搞定,特立此文留念。原文如下:


    我们有时候希望回车键敲在文本框(input element)里来提交表单(form),但有时候又不希望如此。比如搜索行为,希望输入完关键词之后直接按回车键立即提交表单,而有些复杂表单,可能要避免回车键误操作在未完成表单填写的时候就触发了表单提交。

    要控制这些行为,不需要借助JS,浏览器已经帮我们做了这些处理,这里总结几条规则:

    1. 如果表单里有一个type=”submit”的按钮,回车键生效。
    2. 如果表单里只有一个type=”text”的input,不管按钮是什么type,回车键生效。
    3. 如果按钮不是用input,而是用button,并且没有加type,IE下默认为type=button,FX默认为type=submit。
    4. 其他表单元素如textarea、select不影响,radio checkbox不影响触发规则,但本身在FX下会响应回车键,在IE下不响应。
    5. type=”image”的input,效果等同于type=”submit”,不知道为什么会设计这样一种type,不推荐使用,应该用CSS添加背景图合适些。

    实际应用的时候,要让表单响应回车键很容易,保证表单里有个type=”submit”的按钮就行。而当只有一个文本框又不希望响应回车键怎么办呢?我的方法有点别扭,就是再写一个无意义的文本框,隐藏起来。根据第3条规则,我们在用button的时候,尽量显式声明type以使浏览器表现一致。

    这个位高人还留下来一个 demo (点击查看) 列出了一些例子。

    转载: http://shake863.javaeye.com/blog/363809

  • 相关阅读:
    SQL SELECT INTO 语句
    跨站脚本攻击测试[转]
    Visual Studio 2008中如何比较二个数据库的架构【Schema】和数据【Data】并同步 [转贴]
    联表UPDATE
    网站架构策划方案
    概念模型 逻辑模型 物理模型 区别
    Repeater嵌套绑定Repeater
    .net 2.0升级到了.net 3.5,开发工具从vs2005转为vs2008
    你必须知道的C#的25个基础概念(附演示) 【转】
    window2003中,在IIS中,如何解决不能播放.FLV文件
  • 原文地址:https://www.cnblogs.com/yangbingqi/p/2140105.html
Copyright © 2020-2023  润新知