這篇“php回車不提交表單和提交表單怎么實(shí)現(xiàn)”文章的知識點(diǎn)大部分人都不太理解，所以小編給大家總結(jié)了以下內(nèi)容，內(nèi)容詳細(xì)，步驟清晰，具有一定的借鑒價(jià)值，希望大家閱讀完這篇文章能有所收獲，下面我們一起來看看這篇“php回車不提交表單和提交表單怎么實(shí)現(xiàn)”文章吧。

曹縣網(wǎng)站制作公司哪家好，找成都創(chuàng)新互聯(lián)！從網(wǎng)頁設(shè)計(jì)、網(wǎng)站建設(shè)、微信開發(fā)、APP開發(fā)、響應(yīng)式網(wǎng)站等網(wǎng)站項(xiàng)目制作，到程序開發(fā)，運(yùn)營維護(hù)。成都創(chuàng)新互聯(lián)于2013年創(chuàng)立到現(xiàn)在10年的時(shí)間，我們擁有了豐富的建站經(jīng)驗(yàn)和運(yùn)維經(jīng)驗(yàn)，來保證我們的工作的順利進(jìn)行。專注于網(wǎng)站建設(shè)就選成都創(chuàng)新互聯(lián)。

一、回車不提交表單

1.使用JavaScript實(shí)現(xiàn)
我們可以通過JavaScript來阻止表單在用戶按下回車鍵時(shí)自動提交到服務(wù)器。代碼如下：

<script>
    document.onkeydown = function(event) {
        var e = event ? event : (window.event ? window.event : null);
        if (e.keyCode == 13 && e.target.tagName.toLowerCase() != 'textarea') {
            //阻止表單提交
            return false;
        }
    }
</script>

2.使用jQuery實(shí)現(xiàn)

另外，我們也可以使用jQuery中的preventDefault()方法來阻止表單提交。代碼如下：

<script>
    $(document).on('keydown', function(event) {
        if (event.keyCode == 13 && event.target.tagName.toLowerCase() != 'textarea') {
            event.preventDefault();
        }
    });
</script>

二、回車提交表單

如果我們希望用戶在輸入完信息后，按下回車鍵能夠自動提交表單，我們可以通過兩種方式來實(shí)現(xiàn)。

1.使用JavaScript實(shí)現(xiàn)

我們可以通過監(jiān)聽文本框中回車鍵的事件，當(dāng)用戶按下回車鍵時(shí)觸發(fā)表單的提交事件，代碼如下：

<script>
    function submitForm() {
        document.formName.submit(); //提交表單
    }

    document.getElementById('input').onkeydown = function(event) {
        var e = event ? event : (window.event ? window.event : null);
        if (e.keyCode == 13) {
            submitForm();
        }
    }
</script>

2.使用HTML5的form屬性

在HTML5中，我們可以使用form屬性來綁定輸入框到表單上，這樣用戶在輸入框內(nèi)按下回車鍵時(shí)，表單會自動提交。代碼如下：

<form action="submit.php" method="post">
    <input type="text" id="input" name="input" form="myform" />
    <button type="submit" form="myform">提交</button>
</form>

在這個例子中，輸入框的form屬性指向了表單ID，而提交按鈕的form屬性也指向了表單ID。這樣，在用戶按下回車鍵時(shí)，輸入框內(nèi)的內(nèi)容就會被提交到服務(wù)器。

以上就是關(guān)于“php回車不提交表單和提交表單怎么實(shí)現(xiàn)”這篇文章的內(nèi)容，相信大家都有了一定的了解，希望小編分享的內(nèi)容對大家有幫助，若想了解更多相關(guān)的知識內(nèi)容，請關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道。

文章名稱：php回車不提交表單和提交表單怎么實(shí)現(xiàn)
文章源于：http://chinadenli.net/article32/gioisc.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供網(wǎng)站策劃、網(wǎng)站收錄、網(wǎng)頁設(shè)計(jì)公司、網(wǎng)站導(dǎo)航、網(wǎng)站建設(shè)、網(wǎng)站設(shè)計(jì)公司

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來源： 創(chuàng)新互聯(lián)