回车提交

最新推荐文章于 2024-08-02 19:23:43 发布
最新推荐文章于 2024-08-02 19:23:43 发布
阅读量401 收藏
点赞数
分类专栏： javascript 文章标签： function button input class
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/shishaomeng/article/details/3984466
版权

 

<html>
<head>
<title>回车键提交演示</title>
<style type="text/css">
<!--
.STYLE3 {
 font-size: 24px;
 color: #FF0000;
}
hr {
 width:60%;
 color: #FF0078;
 text-align:left;
}
-->
</style>
<script type="text/javascript">  
        function init()
  {
     document.onkeypress =send;
  }
        function send(){ 
            //如果按了回车键也发送信息  
            if(event.keyCode==13&&event.type=="keypress"&&event.srcElement
.id!="content") {//键盘按下Enter键  
                sendMessage();  
            }  
        } 
  
      function sendMessage()
        { 
             alert("send success!");
         }
</script> 

</head>
  
 
<body onLoad="init()">
<span class="STYLE3">回车键提交演示</span>
<hr>
功能：在输入区域回车，只换行不提交；但在其他区域回车即提交。
<hr>
<div>
   请输入内容: <br><textarea rows="10" id="content" ></textarea> <br> 
  <input type="button" value="发送" οnclick="sendMessage()"/>  
</div>
</body>
</html>

shishaomeng
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
html文本框禁止回车,HTML防止input回车提交表单
weixin_39632698的博客
06-04 1458
原链接：https://blog.csdn.net/ligang2585116/article/details/44699567自动提交情况说明：1.默认情况下，单个输入框，无论按钮的type="submit"还是type="button"类型，回车即提交。2.当type="submit"时，无论有几个type="text"输入框，回车均表示提交。(按钮默认的type为submit)3.当type...
js 回车提交表单两种实现方法
10-27
JavaScript方法实现回车提交表单的基本步骤如下： 1. 给document对象绑定一个onkeydown事件处理函数。 2. 在事件处理函数中，获取触发事件的event对象。 3. 判断触发事件的键的keyCode值是否为13，即回车键的键码。 ...
html 禁用回车提交,HTML防止input回车提交表单
weixin_36122413的博客
06-10 629
原链接：https://blog.csdn.net/ligang2585116/article/details/44699567自动提交情况说明：1.默认情况下，单个输入框，无论按钮的type="submit"还是type="button"类型，回车即提交。2.当type="submit"时，无论有几个type="text"输入框，回车均表示提交。(按钮默认的type为submit)3.当type...
jq html 回车提交表单,回车提交表单的方法
weixin_34008445的博客
06-10 310
一般如果input的type是submit，显然按回车可以提交表单，但有时没有submit(比如用ajax提交)，需要回车提交怎么办呢？上网随便查了一下，很简单，方法如下：一、 document.onkeydown=function(evt){varevt=window.event?window.event:evt;if(evt.keyCode==13){document....
html 禁用回车提交,HTML页面禁用Enter键自动提交表单
weixin_31582915的博客
06-10 890
在HTML页里面由于使用了form，常常需要禁用enter提交表单。因为内容页或者母版页自身有如果有type="submit"的button,当textbox聚焦时，按下enter都会触发表单的默认提交(不论是IE还是firefox)，于是需要在onkeydown中监听用户的按键。实际测试，IE8中导致表单提交的不确定因素太多，点击表单的table中的td都会触发表单提交，而firefox则不会；...
element ui 回车提交查询并阻止默认提交表单
最新发布
墨离的博客
08-02 205
使用element ui 做表单提交的时候，回车会自动提交表单，但是有时候由于需求的原因，我们希望回车的时候禁止整个表单的提交，并且执行我们想要的需求，那么我们可以在 <el-form>即：当一个 form 元素中只有一个输入框时，在该输入框中按下回车应提交该表单。如果希望阻止这一默认行为，可以在。@keyup.enter.native="onSearch"来实现我们自己的逻辑。下面是element ui文档原文。W3C 标准中有如下。
阻止form表单回车提交刷新页面
做一个有知识的流氓
10-31 568
【代码】阻止form表单回车提交刷新页面。
EasyUI回车提交表单
BruceOuyang 的专栏
06-25 2459
EasyUI回车提交表单 1.js函数； 2.测试用例； 3.实际使用
小技巧之阻止回车提交表单
heartandwater的博客
07-08 740
经常在写了表单之后，又要手动去阻止回车触发的提交，浪费一个事件， 感觉有点像阑尾炎，玩笑。 如果不希望有这种默认行为，那么不要在表单内使用 type=“submit” 和 type=“image”，就可以了。也就是不要有提交按钮，按钮指定 type="buttoin"就可以了 ...
input输入框回车提交
TinaTxt的博客
01-26 3195
1.方法1 $('#applyCertNum').bind('keypress',function(event){                                if(event.keyCode == 13)                {                alert('你输入的内容为1：' + $('#applyCertNum').val())
文本框回车提交与禁止提交示例
09-05
文本框回车提交功能允许用户在填写完信息后，按下回车键即可触发特定的提交操作，如搜索、发送信息等，这极大地方便了用户交互。然而，有时我们可能需要禁用这种默认行为，例如防止误操作或在特定条件下不进行提交。...
ASP.NET回车提交事件浅析
10-28
ASP.NET回车提交事件是网页开发中的一个常见功能，允许用户在按下回车键时触发表单的提交操作。在ASP.NET中，这个功能主要涉及到HTML的form元素以及按钮元素的交互。回车提交事件并非ASP.NET框架本身提供的特定事件...
不同浏览器对回车提交表单的处理办法
09-05
然而，不同的浏览器对于回车提交表单的处理方式存在差异，这需要开发者充分理解并适配这些差异，以确保应用在各种环境下都能正常工作。 在IE和Firefox浏览器中，要使回车键能够提交表单，需要满足两个条件： 1. `...
js禁止回车提交表单的示例代码
10-26
这样做虽然可以确保整个文档范围内禁止回车提交表单，但也可能会影响到其他需要使用回车键功能的场景（比如文本输入框的自动换行）。因此，在实际应用中，可能需要根据具体需求调整事件绑定范围，以减少不必要的影响...
如何运行和调试 JavaScript 脚本
靠天靠地不如靠自己
01-17 7099
 　　如何运行和调试 JavaScript 脚本 解决思路： JavaScript 代码的运行环境没什么要求，基本上所有的 Web 浏览器都支持。JavaScript 脚本的调试需要对症下药，不同的错误有不同的修正方法。 具体步骤： 1.下面是一个简单的 JavaScript 代码运行调试框。代码运行效果如图 3.50 所示。 代码运行调试框 body{overflow:hidden;mar
如何用javascript控制checkbox，并进行批量删除
靠天靠地不如靠自己
01-12 1861
在做系统数据删除的时候，往往需要批量删除一些数据，如何做到呢？下面是一个小例子：有以下表单：里面有几个checkbox，如何当点击第一个checkbox而同时选择所有的checkbox呢？可以用后面的script方法：                function checkAll() {  for (var i = 0; i    document.getElementsByName("sel
两个select multiple 多选 全选 取值 增加 删除 问题
靠天靠地不如靠自己
09-19 1439
选择下拉菜单--http://www.yongfa365.com/item/686ba37800f67121.html可选择排序方式已选择排序方式<select style="width:100%;" multiple name="left" size="8"ondblclick="moveOption(docum
如何获得所选radio的值
靠天靠地不如靠自己
01-15 1112
-----------------------------------------------------------------------------------------    ...  当有很多myRadio的时候，如何直接得到所选radio的值，不用循环。  -------------------------------------------------------------
antd form 回车 提交
09-02
在Ant Design中，使用Form组件进行表单的开发时，可以通过监听输入框的回车事件来实现回车提交表单的功能。 首先，在Form组件的props中设置onFinish属性为一个回调函数，该回调函数会在表单验证成功后触发，即表单提交时执行的函数。 然后，在需要回车提交表单的输入框中，添加onKeyDown事件监听函数。当按下回车键时，触发该事件，在事件处理函数中调用Form组件的submit方法，实现表单的提交。 具体代码如下： ```jsx import { Form, Input, Button } from 'antd'; const onFinish = (values) => { // 执行表单提交的操作，比如向服务器发送请求等 console.log('提交表单：', values); }; const MyForm = () => { return ( <Form onFinish={onFinish}> <Form.Item name="username" label="用户名"> <Input onKeyDown={(e) => { if (e.key === 'Enter') form.submit(); }} /> </Form.Item> <Form.Item name="password" label="密码"> <Input.Password /> </Form.Item> <Form.Item> <Button type="primary" htmlType="submit">提交</Button> </Form.Item> </Form> ); }; ``` 上面的代码中，输入框中的回车键事件监听函数中，通过判断e.key的值是否为'Enter'来确定是否为回车键按下事件，如果是则调用Form组件的submit方法来提交表单。 这样，当用户在输入框中按下回车键时，就会触发表单的提交操作，并执行onFinish回调函数中的逻辑。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值