php回车不提交表单和提交表单怎么实现

这篇“php回车不提交表单和提交表单怎么实现”文章的知识点大部分人都不太理解，所以小编给大家总结了以下内容，内容详细，步骤清晰，具有一定的借鉴价值，希望大家阅读完这篇文章能有所收获，下面我们一起来看看这篇“php回车不提交表单和提交表单怎么实现”文章吧。

曹县网站制作公司哪家好，找成都创新互联！从网页设计、网站建设、微信开发、APP开发、响应式网站等网站项目制作，到程序开发，运营维护。成都创新互联于2013年创立到现在10年的时间，我们拥有了丰富的建站经验和运维经验，来保证我们的工作的顺利进行。专注于网站建设就选成都创新互联。

一、回车不提交表单

1.使用JavaScript实现
我们可以通过JavaScript来阻止表单在用户按下回车键时自动提交到服务器。代码如下：

<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实现

另外，我们也可以使用jQuery中的preventDefault()方法来阻止表单提交。代码如下：

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

二、回车提交表单

如果我们希望用户在输入完信息后，按下回车键能够自动提交表单，我们可以通过两种方式来实现。

1.使用JavaScript实现

我们可以通过监听文本框中回车键的事件，当用户按下回车键时触发表单的提交事件，代码如下：

<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属性来绑定输入框到表单上，这样用户在输入框内按下回车键时，表单会自动提交。代码如下：

<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。这样，在用户按下回车键时，输入框内的内容就会被提交到服务器。

以上就是关于“php回车不提交表单和提交表单怎么实现”这篇文章的内容，相信大家都有了一定的了解，希望小编分享的内容对大家有帮助，若想了解更多相关的知识内容，请关注创新互联行业资讯频道。

文章名称：php回车不提交表单和提交表单怎么实现
文章源于：https://www.cdcxhl.com/article32/gioisc.html

成都网站建设公司_创新互联，为您提供网站策划、网站收录、网页设计公司、网站导航、网站建设、网站设计公司

广告

声明：本网站发布的内容（图片、视频和文字）以用户投稿、用户转载内容为主，如果涉及侵权请尽快告知，我们将会在第一时间删除。文章观点不代表本网站立场，如需处理请联系客服。电话：028-86922220；邮箱：631063699@qq.com。内容未经允许不得转载，或转载时需注明来源： 创新互联