zoukankan      html  css  js  c++  java
  • form表单回车提交

    当form中只有一个input[type="text"](其他的表单元素可以随意有)的输入框时候,当input[type="text"]获得焦点的时候,无论表单中是否有type="submit"按钮,按下键盘回车键,都会提交表单(都会触发form.submit),如下:

    <form id="test-form" action="formaction.php" method="post">
           <input type="text" name="name">
    </form>

    我们有时候希望回车的时候提交表单,比如搜索行为,有时候又不希望回车提交表单,比如一些复杂的表单,需要避免回车键误操作在未完成表单填写的时候就出发了表单提交。那么怎么避免呢,目前我能知道的只有两个解决方案:

    (1)添加一个input[type="text"],并隐藏:

    <form id="test-form" action="formaction.php" method="post">
           <input type="text" name="name">
          <input type="text" style="display:none"><!-- 隐藏input -->
    </form>

    (2)添加一个onkeydown事件:

    <form id="test-form" action="formaction.php" method="post">
           <input type="text" name="name" onkeydown="if(event.keyCode == 13) return false;">
    </form>

    如果各位看官还有其他的解决办法,请多多指教!

  • 相关阅读:
    数组的拼接
    numpy的切片和索引
    细说python中的round()方法
    Numpy数组的创建
    快排 [随机数]
    对于归并排序递归的理解
    A1044 Shopping in Mars [连续子序列分割]
    A1085 Perfect Sequence [二分、two pointers]
    快速幂
    [转] 二分法求外接圆最大半径
  • 原文地址:https://www.cnblogs.com/yangfei/p/3666748.html
Copyright © 2011-2022 走看看