文章出處

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>

文章列表




Avast logo

Avast 防毒軟體已檢查此封電子郵件的病毒。
www.avast.com


arrow
arrow
    全站熱搜
    創作者介紹
    創作者 大師兄 的頭像
    大師兄

    IT工程師數位筆記本

    大師兄 發表在 痞客邦 留言(0) 人氣()