from表单点击回车键，提交给后台

最新推荐文章于 2025-06-18 10:00:00 发布

前端张子豪

最新推荐文章于 2025-06-18 10:00:00 发布

阅读量557

点赞数

CC 4.0 BY-SA版权

文章标签： html javascript 前端

本文链接：https://blog.csdn.net/weixin_49075393/article/details/122558813

本文介绍如何通过为表单中的输入框添加onkeydown属性来阻止用户在填写表单时按下回车键直接提交表单。具体实现方法是在input元素中加入onkeydown=if(event.keyCode==13)returnfalse;，确保用户无法误触回车键导致表单提前提交。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

如果from表单内只有一个input输入框，按下回车键就会自动提交，可以在input输入框增加一个onkeydown属性, οnkeydοwn=“if(event.keyCode==13){return false;}”

 <form class="form-horizontal" name="form">
        <div class="form-group">
            <label for="name">名称</label>
            <input class="form-control" required type="text" ng-model="ctrl.name" autocomplete="off"
                name="name" ng-pattern="/^[\u4e00-\u9fa5_0-9a-zA-Z\-]+$/" ng-change="ctrl.nameChange()"
                ng-minlength="3" ng-maxlength="256"
                onkeydown="if(event.keyCode==13)return false;">
        </div>
 </from>