在特定字符长度之后使用jQuery将文本框替换为<textarea>
，可以通过以下步骤实现：
- 首先，需要引入jQuery库，可以在HTML文件中添加以下代码：<script src="https://cdn.jsdelivr.net/jquery/3.6.0/jquery.min.js"></script>
- 接下来，在页面加载完成后，使用jQuery选择器选取需要替换的文本框，并监听其输入事件。可以在JavaScript代码中添加以下代码：$(document).ready(function() { $('input[type="text"]').on('input', function() { // 获取文本框的内容 var text = $(this).val(); // 设置特定字符长度 var maxLength = 10; // 判断文本长度是否超过特定字符长度 if (text.length > maxLength) { // 创建<textarea>元素 var textarea = $('<textarea></textarea>'); // 设置<textarea>的内容为文本框的内容 textarea.val(text); // 设置<textarea>的样式与文本框相同 textarea.css({ 'width': $(this).css('width'), 'height': $(this).css('height'), 'font-size': $(this).css('font-size'), 'font-family': $(this).css('font-family'), // 可根据需要设置更多样式 }); // 替换文本框为<textarea> $(this).replaceWith(textarea); } }); });
以上代码会在文本框输入内容时触发输入事件，判断文本长度是否超过特定字符长度。如果超过，则创建一个<textarea>元素，并将其内容设置为文本框的内容，然后将文本框替换为<textarea>。
这种方法可以实现在特定字符长度之后自动将文本框替换为<textarea>，以便用户输入更多的文本内容。
相关·内容
我想要自动从文本框中剪切一个最多255个字符的字符串。。所以我的动作只能得到255个字符。
但问题是Javascript将行中断视为一个字符，而Java将其视为两个("\r\n")。
因此，即使我通过以下代码将文本区域字符串长度限制为255个字符
$('textarea[name*="matterData.customFields"]').each(function () {
if($(this).val().length>=255){
a=$(this).val().substring(0, 254);
$(this).
浏览 1提问于2014-01-21得票数 0
回答已采纳
我将列数设置为40，但文本框可以容纳41个字符。我需要精确到列数的字符数，因为我有一个根据列数计算文本行数的函数。
<!DOCTYPE html>
<html>
<head>
<style type="text/css">
textarea
{
border: 0 none white;
overflow: hidden;
padding: 0;
outline: none;
background-color: #D0D0D0;
resize: none;
}
</sty
浏览 0提问于2014-01-17得票数 0
--我正在为使用以下代码
( 1)在DIV容器中显示更改的内容，因此如果有人在文本框中键入内容，则应该同时显示类型的内容
( 2)在选择字体时，字体应应用于内容
，但它不能确定我做错了什么?
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Change Contents</title>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/li
浏览 4提问于2012-05-25得票数 1
回答已采纳
嗨，我在html页面中有一个文本区域，我使用span标记来显示它的长度。
html代码：
<textarea cols="50" rows="10" maxlength="160" id="main_text"></textarea><br/>
<span class="charno">0</span>/160
我正在使用jquery来显示span标记中的长度。
jquery代码：
$("#main_text").keyup(functi
浏览 2提问于2013-04-01得票数 1
4回答
我正在为我的表单的文本区域字段实现一个字符计数。我让jQuery使用以下代码计算并编写我的字符语句：
$("#textarea").keyup(function(){
$("#count").text("Characters left: " + (500 - $(this).val().length));
});
但是，我想知道我的JavaScript出了什么问题：
var textarea = document.forms["form"].elements.textarea;
textarea.addEventList
浏览 11提问于2012-12-30得票数 1
回答已采纳
在foreach循环中，我有我的内容...
<div foreach:"data">
<input type="image" id="hideshow" src="/Images/aud_down-arrow.gif" />
<div id="content">
<textarea data-bind="text:valueoftext" ro
浏览 0提问于2013-01-28得票数 0
5回答
是否可以设置标签上的位数或字数限制？
有没有办法限制html中标签的位数，我已经在互联网上搜索了所有可能的方法，但没有得到任何result..please帮助我的朋友。
像在任何文本框或文本区域上一样：
<textarea maxLength="10"></textarea>
或
<input type="text" maxLength="10" />
顺便说一下，有没有可能通过javascript在一定的字数限制后裁剪标签？
浏览 0提问于2012-02-03得票数 2
回答已采纳
2回答
首先，我想告诉你，我是JQuery的初学者。如果我在文本框上键入"A“，即想要替换为"B”，我正在尝试在文本框上构建一个实时替换的翻译程序。
这是要检查多达3个字。也就是说，
如果我在文本框上键入"A“，即要替换为"X”
如果我在文本框上键入"AB“，则要将其替换为"Y”
如果我在文本框中键入"ABZ“，则要替换为"Z”
另一件事，在替换后，如果我键入中间的一些词，也要替换。例如，如果我在XY之间键入ABZ，即要替换XZY。
HTML代码：
<textarea type="text" na
浏览 6提问于2016-09-29得票数 0
2回答
jQuery ( function ( $ ) {
var textarea = $('.project');
var $counter = $('.chars');
var limit = 200;
var initial = 0;
$(textarea).on('keypress keyup copy paste', function(){
displayLength();
});
function displayLength() {
var thisChars = textarea.val().replac
浏览 4提问于2014-01-13得票数 1
回答已采纳
如何使用jQuery计算文本框中的字符数？
$("#id").val().length < 3
只计算最多3个字符空格，而不是字符数。
浏览 0提问于2011-01-12得票数 38
回答已采纳
我对如何解决这个问题感到有点困惑。似乎是标准的，经常发生，但找不到任何有价值的东西。我有一个HTML文本框和一个输入文本框。我想验证以下几点：
不应该允许用户在textarea中输入一串空格--因此，如果15个字符是最小的16个空格字符，则不应该将其计算为有效数据。简单的查数无法检测到这一点。
一个可以输入16个空格和一个字母，但这仍然是无效的数据！无论如何，要检查这里的有效性(基本上应该按以下点计算为2个字符)？
修剪不必要的空格--也就是说，如果有人输入了一个字符/单词，然后用10个空格跟踪它，那么另一个字符和另一组空白空间，我希望它们被裁剪到一个空白中。就像你在上面输入一个答
浏览 2提问于2011-07-02得票数 1
回答已采纳
2回答
如果一个被点击的元素的祖先有“textbox”类，而没有一个祖先有“mceExternalToolbar”类，我需要做一个特定的操作。如果一个对象有一个父“mceExternalToolbar”，那么它肯定有一个父“textbox”，但反之亦然。
我使用的是：
$('#content').click(function(e){
var $eparent = $(e.target).closest('.textbox');
var $etoolbar = $(e.target).closest('.mceExternalToolbar');
//
浏览 0提问于2012-09-08得票数 0
2回答
我得到了一个在文本框中以逗号分隔的字符串，但是当我尝试将其拆分并将其转换为数组以循环遍历它们时，我得到了错误 Type 'string[]' is not assignable to type 'string' 我的文本框(使用离子，但在渲染时本质上只是一个文本区域 <ion-textarea type="text" v-model="CSVItems" placeholder="e.g. chicken, rice, peas"></ion-textarea> 数据/方法如下所示(缩减为
浏览 145提问于2020-12-23得票数 2
回答已采纳
10回答
下面是一个示例：
$(function() {
$('#test').change(function() {
$('#length').html($('#test').val().length)
})
})
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<textarea id=test maxlength=10></textarea>
浏览 10提问于2012-04-05得票数 45
回答已采纳
我有一个JSP页面，其中包含一段Javascript验证代码，该代码在提交时限制一定数量的字符。我使用的是长度，所以不能像在<input type="text">中那样简单地使用<textarea>属性。
我使用document.getElementById("text").value.length来获取字符串长度。我在Windows上运行Firefox3.0(但我也在IE6上测试过这个行为)。表单被提交给一个J2EE servlet。在我的Java servlet中，参数的字符串长度大于2000！
我注意到，通过在<textare
浏览 4提问于2009-01-20得票数 21
回答已采纳
2回答
如何替换文本区域中的一个内容。我有一个文本框来显示用户最喜欢的设备。
<textarea id="favDevices" class="t"></textarea>
假设用户提供以下三种设备：
Laptop
Computer
PlayStation 4
提交完它(使用jquery )之后，我想将其中一个内容替换为device-VALIDATED。所以结果是
Laptop-VALIDATED
Computer-VALIDATED
PlayStation 4-VALIDATED
我试着找出如何使用以下代码来实现它：
$('form&#
浏览 3提问于2020-06-14得票数 0
回答已采纳
我想要一个文本框在我的html页面，但我希望它成为一个多行文本框。可以在html中使用吗？我不想用Textarea，
浏览 0提问于2010-01-02得票数 1
回答已采纳
1回答
我有一个文本区域，它已经包含一些内容(下面的haml代码)
//haml code for textarea
%section.input
.muse_text
%textarea{placeholder: "Type your muse here..."}
//Content in textarea
"Share why you are re-musing this
------------------
I am remusing this because I like it!!!!
------------------
xxxx"
如何使用jq
浏览 0提问于2012-04-11得票数 1
回答已采纳
1回答
选择字段控制字符限制
、、、、
有人知道如何让这个字符倒计时被预先确定的变量控制，这些变量是链接到select字段选项的？
var large = 300
var medium = 200
var small = 100
我非常感谢任何意见。
示例代码：
<script src="http://code.jquery.com/jquery-1.9.1.js"></script>
<script>
function updateCountdown() {
var remaining = 50 - jQuery('#post').val().lengt
浏览 4提问于2015-10-28得票数 1
回答已采纳
我使用jQuery ajax调用来设置文本区域的值。
如果我使用php()，然后使用jquery $(textarea).val()，它显示的不是字符，而是实体。
没有htmlentities()，一切看起来都很好。使用val()时没有XSS，但是如果不使用jquery访问脚本，就会受到攻击。
会发生什么？
.load()可以工作，但我不能使用它。load()在我使用BBcodefunctions之后就中断了( DOM不会更新文本区域，在Firebug中一切看起来都应该是这样的)
在使用val()之后，html()中断。
为什么？
Jquery代码：
$.ajax({
type:
浏览 3提问于2013-08-20得票数 1
当用户输入某项内容时，我一直在寻找授权文本框的内容，我找到了一个理想的插件：
这看起来很简单，但由于某些原因，我无法在我的网站>.<上实现它，你们对如何做到这一点有什么想法吗？(阅读这篇文章)
这是我试过的，但不起作用
<head>
<script type="text/javascript" src="js/jquery-1.6.js"></script>
<script type="text/javascript" src="js/autoresize.jquery.js
浏览 4提问于2011-09-21得票数 0
回答已采纳
我有这个文本框。当用户在文本框中编写一些Jquery代码时，单击Apply。我想要应用于Html页面的代码。代码被追加到主体，但是生成的单击函数不起作用。我也尝试了附加代码也头，点击多恩不工作的方式也这样。有可能起作用吗？
我的Html代码是
<span id="clickme">Click Me</span>
<textarea id="txt">
$('#clickme').click(function(){
alert("clicked");
});
浏览 1提问于2013-10-14得票数 0
回答已采纳
我使用此代码获取窗体上的textarea值：
EncodeForHTML(REReplaceNoCase(Trim(Form.Description), '\r', '<br />', 'all'))
它只是将textarea中的所有回车(新行)替换为<br />的HTML。然后，HTML在插入数据库之前对其进行编码。
当我想将textarea值显示回文本区域时，我要这样做：
<textarea>#Canonicalize(Description, true, true)#</textarea>
它
浏览 4提问于2014-08-25得票数 1
回答已采纳
3回答
我有一个Textarea框，一个文本框和一个按钮。我想点击这个按钮，以便将文本框中的单词与textarea中的单词进行检查，并计数出现的次数。
我已经尝试了2天来编写一个点击函数来完成这个任务，但是没有得到任何结果，因为我不确定接下来会遵循什么代码或逻辑。只读取文本区域中的内容，但不确定如何在文本框中获取单词并在textarea中搜索句子。
拜托，我是JQuery的新手，所以不要求任何人写代码，如果可能的话，更多的是指南。如果这里不允许这个问题，我很乐意删除它。谢谢
浏览 5提问于2014-03-12得票数 1
回答已采纳
我正在使用下面的代码来计算单词、字符和行。
function wordCount( val ){
var wom = val.match(/\S+/g);
return {
charactersNoSpaces : val.replace(/\s+/g, '').length,
characters : val.length,
words : wom ? wom.length : 0,
lines : val.split(/\r
浏览 1提问于2022-03-09得票数 0
回答已采纳
我正在尝试更新1个文本区域(输出)与不同的文本，基于哪个文本框被更新。但是，由于某些原因，将填充输出文本框的唯一文本是第一个if语句。ID%s将按预期发出警报。我在一个静态文档上进行了这个测试，这个文档在我的fiddle中根本不会发出警告，但是可以在这里找到：所有的代码都是一样的，所以我不确定为什么fiddle不喜欢它。
原始代码如下：
<html>
<head>
</head>
<body>
<script type="text/javascript">
function update(id)
浏览 8提问于2020-02-05得票数 0
回答已采纳
我正在做一些浏览器编辑，我有一些内容是大约20k字符长在一个。
看起来是这样的：
<textarea>
Text 1
Text 2
Text 3
Text 4
[...]
Text 20,000
</textarea>
我想使用jquery来减少当有人按下一个按钮要砍掉它时，但是我在没有重载浏览器的情况下做它有困难。假设我知道字符号是16,510 - 17,888，我想要做的是修剪它。
我用的是：
jQuery('#textsection').html(jQuery('textarea').html().substr(range.sta
浏览 2提问于2010-03-29得票数 2
回答已采纳
下面是Jquery，当您添加" maxlength“属性时，Jquery将强制执行textarea的最大长度。IE不支持Maxlength。如何调整代码以处理页面上的多个文本区域？目前，如果我向任何文本区域添加文本，它们都会以相同的值进行倒计时。
Jquery：
$(document).ready( function () {
maxLength = $("textarea").attr("maxlength");
$("textarea").after("<div><span id='rema
浏览 3提问于2013-02-23得票数 12
回答已采纳
3回答
我有一个文本框作为输入，如下所示：
<div class="control-group">
<label class="required">
Enter stuff here....</label>
<input type="text" placeholder="Required Field" class="form-control" id="secid">
</div>
我需要让这个文本框“可扩展”，即当用户输入比
浏览 0提问于2014-10-08得票数 0
我在应用程序中使用jquery，在rails上使用rails。现在我想让搜索框中的数据在typing.Everything正常工作期间立即输入，但问题是它无法捕获特殊字符，如#@$&()%等。它对于所有其他数字和字母都很好。我正在使用getElementById技术从文本框中获取数据。
请告诉我有什么办法解决这个问题。
我的jquery代码部分是：
<script src="//code.jquery.com/jquery-1.10.2.js"></script>
<script src="//code.jquery.com/ui/
浏览 0提问于2016-07-05得票数 0
回答已采纳
我有一个文本框，里面有一些值。现在，我希望在单击按钮时从文本区域中删除每个偶数行值。请看我的代码，并建议我如何做正确的。
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
<textarea id="dinput">
10.3 137
10.9 394 <!--remove this-->
11.5 847
12.2 394 <!--remove this
浏览 5提问于2022-10-04得票数 1
回答已采纳
我有在jsp中动态创建的文本框。然后，我想使用jQuery.each()将内部的数据发送到servlet。问题是，它只接收顶部文本框数据，甚至不读取其余的数据。有人能指出problems.Btw，英语不是我的母语吗？
动态创建文本框，
<table>
<c:forEach items="${questList}" var="quest" varStatus="status">
<tr id="looping">
<td><
浏览 1提问于2016-10-29得票数 0
回答已采纳
7回答
我与asp.net，C#，jQuery 1.8.3/1.7.2合作
当页面加载时，我想在脚本中将文本框"Readonly“属性更改为'true‘或'false’。*更新了* textbox的值在运行时加载。下面是脚本：
function hidebtn() {
$('#diviv').css({
"display": "block"
});
$("#txtname").attr('ReadOnly', true);
}
如果我写了一个
浏览 3提问于2013-01-03得票数 1
回答已采纳
我正在开发一个代码生成器，我想知道是否可以使用javscript将javascript注入到文本框中。
我不希望执行注入的javascript，我担心字符串中的引号可能会导致错误。
例如，我想注入这个脚本：
$('#click').function(){
$('#thing').html('<a href="user.php">User</a>');
}
放入此文本框中：
<textarea rows="3" cols="20" id="textbox
浏览 3提问于2011-10-28得票数 1
回答已采纳
3回答
我想要在文本框中找到特定的单词，并对其进行计数。
例如,
有包含"abababababab“(6ab)的TextBox
还有另一个包含"ab“的文本框
我想要得到结果: 6.
我该怎么做呢？
浏览 0提问于2013-12-25得票数 0
4回答
我的表单上有两个元素-- textarea和file元素，用于上传文件。我需要两个中的一个不为空才能提交表单。下面是我检查它的方法：
<?php
$text = $_POST['text'];
$uploadedfile = $_FILES['uploadedfile'];
if (isset($_POST['submit'])) {
if((empty($_POST['text'])) && (empty($_FILES['uploadedfile']))) {
浏览 1提问于2011-05-21得票数 1
回答已采纳
我正在使用django 1.7 & python 2.7。
我有一个模型类，它允许用户输入文本区域和文本框。
If用户在选择列表中选择0，将文本框显示给用户输入，文本区域被隐藏else，文本区域被显示，文本框对用户隐藏。
文本框和文本区域都有完全相同的输入。输入文本框的内容将出现在文本区域中，反之亦然。
文本框和文本区域都有不同的最大长度/最大长度值。
文本框的最大长度为250，文本区域的最大长度为5000。
我有客户端验证工作，但我在服务器端验证工作中遇到了困难。
当文本框和文本区域有不同的值，但输入长度相同时，如何启用/禁用forms.py文件上的模型的服务器端验证？
我知道max
浏览 4提问于2015-09-25得票数 1
回答已采纳
1回答
我的jQuery UI自动完成突然停止工作。显然，我的表太大了，因为当我将可用的记录限制在2040或它下面的任何数字时，它会完美地工作，但会中断，然后我将其限制在2041年或超过2041年的任何数字。
以下是不起作用的完整代码：
<head>
<meta charset="utf-8">
<title>jQuery UI Autocomplete - Multiple values</title>
<link rel="stylesheet" href="//code.jq
浏览 0提问于2015-10-22得票数 0
回答已采纳
<html>
<head>
</head>
<body>
<textarea maxlength="10"></textarea>
</body>
</html>
我遇到一个问题，计算返回键为2个字符。我也应用regex来解决这个问题，但做不到。我应用的正则表达式是(/(？)：\r\n\r\r\\n)/g，'\n')
浏览 0提问于2015-10-30得票数 2
回答已采纳
我用javascript编写了以下函数：
function maskString(input) {
return input.replace(/\s\s+/," ");
}
非常简单。在第二个函数中，我写道：
function secondFunction(string1, string2) { //Attetion! See Update 2!
var string1masked = maskString(string1);
var string2masked = maskString(string2);
( ... )
}
错误消息是：TypeError:
浏览 1提问于2011-06-14得票数 2
回答已采纳
2回答
我有文本框.That文本框ID是text_1__val。
我需要来自jquery的1来获取jquery中文本框ID的特定部分，这意味着我需要从文本框ID中获得Id.How _和__？
浏览 0提问于2013-09-02得票数 0
{在选择日期选择器时，如果所选日期距当前日期小于3年，则text1文本框将启用否则禁用...我在onchange事件中编写validateDate()函数，但我不能写出完美的逻辑，提前帮助我}( help me out...Thanks in ...please ) <script src="D:\JS\jquery-ui-1.12.1\jquery-ui-1.12.1\jquery-ui.js"></script>
<script>
$( function() {
$( "#datepicker&#
浏览 30提问于2021-01-10得票数 1
1回答
当我单击add按钮时，我正在使用下面的代码在html中添加一个添加按钮来向页面添加一个新的文本框和单选按钮。添加的文本框的名称是一个输入名称加上一个添加的数字(单击次数)，以便在我想要将输入数据用于不同的查询时将其区分为不同的变量。我使用此输入(输入为数字)和单选按钮，以确定是否应该查询指定数字以上或以下的特定数据，并根据哪个单选按钮进行检查。
<input id="btnAdd" type="button" value="Add" />
<br />
<div id="TextBoxContainer
浏览 3提问于2016-05-20得票数 0
回答已采纳
我正在开发一个应用程序，您可以在其中单击用户名以将其添加到回复列表中。如果已经添加了用户名，则不会再次添加他们的用户名。我遇到的问题是，如果添加了用户@assassin，而我尝试添加用户@ass，它会找到@ass-assin，并认为@ass已经添加了。下面是我的代码：
$('#mentions a.mention_user').live('click', function(e){if($('textarea#message').val().toLowerCase().search('@'+$(this).text().toLowe
浏览 2提问于2011-12-19得票数 1
回答已采纳
我不想让按函数键，如(F1，F2..etc)，表格键，也不添加任何字符。
对于下面的代码，它不在我的网站上工作。
document.getElementById("code").addEventListener("keydown",function(e){
var oldOne = this.value;
var newOne = (this.value + String.fromCharCode(e.keyCode)).toLowerCase();
if(oldOne==newOne){
e.preventDefault(
浏览 2提问于2015-06-28得票数 1
回答已采纳
我有这个文本区域：
<textarea name="comment" id="comment" cols="75" rows="5" class="txtarea"></textarea>
显示字符限制的跨度如下：
<span style="display:none" id="chars_left">1000</span>
现在我需要在文本框中显示/隐藏span when focus/blur。我创建了这个jquery函数，但这对我不
浏览 1提问于2012-08-19得票数 0
回答已采纳
我使用vbscript在网页中输入textarea中的文本，但是文本框的计数显示为零，因此无法继续下去。
我的代码：
objIE2.Document.getElementsByTagName("textarea")(0).value = "Sent from"
WScript.Sleep 500
单词计数更新为：
使用键盘，每次输入一个单词时，跨距计数都会增加。
<textarea name="postForm:message" id="postForm:message" cols="5000" r
浏览 2提问于2016-10-26得票数 0
回答已采纳
JSFiddle：
字数限制功能似乎运行良好。但是，当我输入单词的最大值#(在演示中为5)，然后单击文本区域外时，文本框中的单词突然变成一个巨大的字符串(没有空格！)。
Javascript：
var maxWords = 5;
jQuery('textarea#what').keypress(function() {
var $this, wordcount;
$this = $(this);
wordcount = $this.val().split(/\b[\s,\.-:;]*/).length;
if (wordcount > maxWords) {
浏览 4提问于2013-08-02得票数 0
回答已采纳
我将在StackOverflow上删除现有的示例，它只是将一个textbox值作为一个新行添加到textarea中，并附带一些文本。
不过，我通过onChange对其进行了修改，并添加了多个文本框，每个文本框都将在存在值的情况下添加新行；所有这些都很好：
$(document).on('change', '#dlnum input', function (e){
var inputEl = $(this);
var textareaEl = $('#BoloDesc');
//If input has any
浏览 6提问于2015-04-09得票数 1
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
腾讯会议
实时音视频活动推荐
腾讯云开发者
