close

學程式的道路上.....我跌跌撞撞的過程

文章為我平時發生錯誤的解決方法

因為擔心下次碰到時會忘記

所以就將他筆記下來了

如果有大大發現我的敘述錯誤

或者有哪些更有效率的方法

也請大大們不吝嗇的提供指教

謝謝~

在學習撰寫PHP時，突然希望可以不按下按鈕，直接使用Enter鍵送出表單

所以就上網爬一下文，也從「這篇文章」找到我想要的答案

起初，不太明白程式碼第18行的event.Keycode ==13 是什麼意思

後來在去網路上爬一下文章，才發現原來每一顆按鍵，在輸出時都是以數字表示

「KeyCode整理」，可以從這篇文章找到其他的KeyCode

今天要來記錄如何用Enter鍵送出表單


<html>
<head>
<meta charset="utf-8">
<title>Javascript Enter鍵 送出表單記錄</title>
<link rel="stylesheet" type="text/css" href="test.css">        
</head>

<body>
    <form action="test1.php" name="myForm" method="POST">
        <input type="text" name=content>
    </form>
</body>

<script src="/javascripts/application.js" type="text/javascript" charset="utf-8" async defer>
    function enterKey(){
        if(event.keycode == 13){
            document.myForm.submit();
        }
    }
</script>
</html>

這表單是用POST的方式傳送資料

目的地回導向test1.php的頁面

所以當我再表單的input文字欄位，輸入值後

按下Enter鍵，就會自動去執行Javascript的enterKey() function

接下來就只要只要在test1.php接收POST的值就可以了

arrow
arrow
    文章標籤
    javascript php Enter鍵 表單
    全站熱搜

    Neil 發表在 痞客邦 留言(0) 人氣()

    E-mail轉寄