zoukankan      html  css  js  c++  java
  • Javascript屏蔽回车提交表单

    html利用input防止回车提交
    默认情况下,单个输入框,无论按钮的type=”submit”还是type=”button”类型,回车即提交。
    1.当type=”submit”时,无论有几个type=”text”输入框,回车均表示提交。(submit)
    2.当type=”button”时,且存在多个输入框,回车不提交。(button)
    3.解决单个输入框的回车即提交问题,参考第二点:可以增加一个input=”text”,隐藏; 然后type类型为button。
    js防止回车提交

    function ifenter(){ 
        if(event.keyCode==13){
            return   false;
        }else if(event.srcElement.type=="submit"){ 
            form1.submit(); 
        }
    } 
    document.onkeydown=ifenter;

    或者使用jquery

    /禁止按回车提交
    $(document).ready(function(){
        $("input[@type='text']").each(
            function(){
              $(this).keypress( function(e) {
                 var key = window.event ? e.keyCode : e.which;
                     if(key.toString() == "13"){
                           return false;
                      }
               });
             });
        })

    或直接写在html中

    <form name="myform" action="" onkeydown="if(event.keyCode==13){return false;}">
    <input type=text name=user>
    <input type=text name=pass>
    <input type=button name=mybutton value=submit onclick=myform.submit()>
    </form>
    如果我能一直坚持下去,就像坚持当初的梦想一样,或许我也能成为大神呢,哈哈哈。
  • 相关阅读:
    插入排序(JS代码)
    选择排序(JS代码)
    快速排序(JS代码)
    冒泡排序(js代码)
    《CSS揭秘》--推荐指数⭐⭐⭐⭐⭐
    CSS中position的定位
    逆转录转座子初窥
    django开发傻瓜教程-1-安装和HelloWorld
    爬虫教程-1
    算法_NP_证明
  • 原文地址:https://www.cnblogs.com/faraway-tiny/p/4918360.html
Copyright © 2011-2022 走看看