zoukankan      html  css  js  c++  java
  • 表单提交(三)——阻止Eneter键提交表单

    当用户在文本框中进行编辑时,按下键盘Enter键,会触发表单提交。为了防止这种意外,有一种方法就是拒绝所有表单提交,

    然后通过单击指定的提交命令按钮才能提交表单。

    首先,将"return false"绑定到表单的onsubmit事件,来阻止所有表单提交。

    第二,使用input="button"通过onclick事件,以this.form.submit()方法提交,而不会触发onsubmit事件。

    所以不能使用jquery方式$("#myForm").submit(),将会触发onsubmit事件。也不能用type="submit",

    将会触发表单提交按钮的onclick事件。

    <!DOCTYPE html>
    <html>
    
    <head>
    <meta charset="utf-8">
        <script type="text/javascript">
            function formSubmit()
            {
    
                //$("#myForm").submit();//jquery方式会触发onsubmit事件。
                document.getElementById("myForm").submit();
                //该方法提交表单的方式与用户单击 Submit 按钮一样,但是表单的 onsubmit 事件句柄不会被调用。
            }
        </script>
    </head>
    
    <body>
    
    <form id="myForm" action="http://www.baidu.com" method="get" onsubmit="return false;">
        姓名:<input type="text" name="name" size="20"><br />
    
        <input type="button" onclick="formSubmit()" value="提交">
    </form>
    </body>
    
    </html>
  • 相关阅读:
    Jmeter中的几个重要测试指标释义
    接口测试考虑
    树Hash学习笔记
    kali linux主题美化
    Kali Linux 终端字体配色
    解决github无法打开
    Python requests数据的content和text的区别
    Python+adb操作移动端自动化测试
    linux后台运行python程序
    洛谷P2791 幼儿园篮球题 另解
  • 原文地址:https://www.cnblogs.com/xjinza/p/3907101.html
Copyright © 2011-2022 走看看