对于在textarea中用enter来提交表单之后又要清空其textarea中的值的时候

最新推荐文章于 2023-06-01 09:30:59 发布
最新推荐文章于 2023-06-01 09:30:59 发布
阅读量2k 收藏
点赞数
分类专栏： 问题集 文章标签： textarea清空
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/u010279990/article/details/26684431
版权

对于在textarea中用enter来提交表单之后又要清空其textarea中的值的时候可能会遇到在按enter之后可以提交，但textarea中却会多出一个换行，这是因为你在提交的时候是按enter建，但是enter在textarea中会默认为一个换行，也就是说要在enter提交表单的时候要注意阻止系统默认对enter的操作，于是就要加上
e.preventDefault();//屏蔽enter对系统作用。按后增加\r\n等换行，然后就可以轻松的解决enter提交清空textarea了

放逐的程序猿
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
专栏目录
在textarea中显示html页面的javascript代码
10-30
在textarea中显示html页面的javascript代码
jquery 构造函数在表单提交过程中修改数据
12-11
先贴代码 [removed] function appendText(){ ... 然后再在 form 表单进行提交时候 <form onsubmit="appendText();" >  然后在后台查看数据美容，就会对应的加上相应的字符 以上所述就是本文的全部内容了，
html之textarea标签、事件冒泡、文本域、回车换行、清除、清空、重置、stopPropagation、querySelector、replace、\n、br、innerHTML
“代码农”微信公众号
06-01 6967
html之textarea标签、事件冒泡、文本域、回车换行、清除、清空、重置、stopPropagation、querySelector、replace、\n、br、innerHTML
TextArea内按Enter发送消息并清空内容 换行
dstliang的专栏
04-07 1077
//下面三个变量用来保存KEY_DOWN事件时键盘的状态 var shiftKey:Boolean; var ctrlKey:Boolean; var keyCode:int; var messageInput:TextArea; messageInput.addEventListener(KeyboardEvent.KEY_DOWN,onKeyDown); messageInput....
[HTML]解决textarea光标初始位置没有在最左上角的问题
Balmunc的专栏
04-24 1万+
<textarea></textarea>之间不能有任何的换行、空格
react控制 input 框回车之后内容清空
Dust的博客
08-04 4009
state: IState = { items: [], data: '', //data是输入框的当前内容 } updateState = (e) => { this.setState({ data: e.target.value }) } //即时更新，不加这个就不会更新输入框内容 getInput = (e) => { if (e.key == 'Enter') { //输入回车后的一些操作 this.state.data = ''
PHP获取表单textarea数据中的换行问题
01-20
测试页面代码: 复制代码 代码如下: <!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” ... <head> <... charset=utf-8″ /> <...PHP获取表单area数据中的换行问题</title> </h
在textarea中屏蔽js的某个function的javascript代码
10-30
在textarea中屏蔽js的某个function的javascript代码
textarea去除多余空格和回车的方法及其属性
Mike铭
03-19 2593
textarea去除多余空格和回车的方法及其属性 1.错误解决方法 使用textarea的标签时候发现多了空格或者’\n‘，后来发现是</textarea>标签的位置错了 以下是错误示范： <textarea style="width:100%;height:5%;">你好 </textarea> 以下是正确示范： <textarea style="...
textarea按ctrl enter回车键提交表单，同时调用验证函数验证并且无换行
weixin_30417487的博客
05-04 175
本教程可以教给新手三点知识：1、让textarea支持ctrl+enter提交表单。2、ctrl+enter提交表单之前，调用自己的验证函数，比如验证内容是否为空。3、比如textarea是空的，我按ctrl+enter提交表单，会提示不要发空信息，似乎是正常的。可这时，会产生一个空行，再按一次，又会产生一个换行。我们就来解决这个问题。表单代码：<form method="post" nam...
Textarea ctrl+enter实现换行，用enter实现表单提交
sxh2000251的专栏
02-09 1452
1. 实现换行的想法是，监听Enter按键， 找到光标当前所在位置，在当前位置上插入一个“\r\n”, 2. 实现提交：监听Ctrl + enter键，找到父级form，提交Form  $('#inputmessage').keypress(function (ev) { // 监听按键         var keycode = (ev.keyCode ? ev.keyCode
点击按钮，重置或者清空textarea中的数据
热门推荐
kobe1qiqi的博客
11-03 5万+
function ClearTextArea() { document.getElementById("user1").value=""; }   或者 function clean(){ $("#user1").val(""); }
textarea回车提交表单_PHP程序员从入门到佛系第二十六弹：PHP 完整表单实例
weixin_39609457的博客
12-11 104
PHP 完整表单实例本章节将介绍如何让用户在点击"提交(submit)"按钮提交数据前保证所有字段正确输入。PHP - 在表单中确保输入值在用户点击提交按钮后，为确保字段值是否输入正确，我们在HTML的input元素中插添加PHP脚本， 各字段名为: name, email, 和 website。 在备注中的 textarea 字段中，我们将脚本放于 和 标签之间。PHP脚本输出值为： $na...
textarea的清空
weixin_30709635的博客
04-14 6155
这个问题很简单。。。但是今天在这里卡了很久，记录一下以后不要再傻了 1、页面上有多个重复名字的id 2、textarea用val、text、html命令都可以赋值，但是text、html不会把输入的内容覆盖掉。在这里将note清空是为了清除掉textarea的内容，避免第一次输入内容后，每次点开都是关闭前的内容 页面 <div class="input-block"> ...
清空html输入框,jquery清空textarea等输入框
weixin_39794385的博客
06-04 849
转载自：http://blog.csdn.net/dyllove98/article/details/8870307下面是源代码：点击按钮后，这些文字将被清空。http:www.keleyi.com 柯乐义$("#clear_keleyi_com").click(function (){$("#keleyi_com").val('');})js与jquery实时监听输入框值变化方法本文实例讲述了j...
如何清空textarea 的值
时光匆匆独白 将颠沛磨成卡带
05-31 1万+
function clear() { $('#resultComment').textbox("setValue",""); }
为什么jquery获取textarea修改后的值没变？
04-13 2333
最近在开发字幕酱（https://www.zimujiang.com/），一个自动生成字幕的在线工具，在开发字幕在线编辑功能的时候遇到一个问题。 就是前端textarea值修改之后，js获取的值仍然是原来的旧值！ 这是为什么呢？ 先看html规范的定义： The name attribute specifies a name for a text area. The name attr...
html 表单 提交后重置,提交表单后重置textarea的值
最新发布
06-03
可以使用JavaScript在表单提交后重置textarea的值。需要在表单的提交事件中添加代码，如下所示： HTML代码： ``` <form id="myForm" onsubmit="resetTextarea()"> <textarea id="myTextarea"></textarea> <input type="submit" value="Submit"> </form> ``` JavaScript代码： ``` function resetTextarea() { var textarea = document.getElementById("myTextarea"); textarea.value = ""; } ``` 在表单提交时，会调用名为resetTextarea的函数，该函数将textarea的值重置为空字符串。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

放逐的程序猿

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值