javascript:按回車相應按鈕提交事件

    在表單提交前經常遇到表單驗證問題而常用的方法有以下兩種:

    1、使用提交按鈕提交,在form表單中的onsubmit事件進行表單驗證:

        <script type="text/javascript">

                function onSub(){

                    //表單驗證代碼

                }

         </script>

 

         <form action="" method="" onsubmit="javascript:onSub();">

     2、使用button或圖片的onclick事件調用表單驗證代碼:

          <input type="button" name="button" id="button" onclick="javascript:onSub();" />

         <img src="圖片路徑" onclick="javascript:onSub();" />

    但是,使用第二種方式進行提交表單時,不能在填寫完表單時,按回車不能提交表單。這給客戶的

感受是和直接使用提交按鈕提交表單是不同的;爲了實現此項功能只需在你的頁面加上如下javascript代碼即可

       function butOnClick() {
            if (event.keyCode == 13) {
                 var button = document.getElementById("bsubmit");  //bsubmit 爲botton按鈕的id
                  button.click();
                  return false;
            }
       }

在你表單最有一個輸入項中出發onkeydown事件調用butOnClick()函數即可;例如:登陸程序的最後一項是密碼,則

   <input type="password" name="userPwd" onkeydown="javascript:butOnClick();" />

這樣當你輸入完密碼後,按下回車鍵即可實現表單驗證和登錄操作(如果用戶名和密碼正確)。這是個人的一點總結,共享出來

大家齊分享!

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章