使用 jQuery 的 TextArea 字符计数器
当前使用人数较多，API 超出限额，请稍后再试。
相关·内容
所以我已经在谷歌上搜索了几天了，但到目前为止我还没有找到解决方案，所以我转向大家，希望有一个可能的解决方案。
我需要，在textarea中每一行的末尾，在将其发送到PHP之前添加一个换行符。也就是说，即使用户没有按enter键，但是如果一个单词的剪切，或者它只是跳下一行，因为它已经填充了textarea。我需要用jQuery或Javascript这样做。
有没有人对如何做到这一点有好主意？
谢谢!
更新：要记住，我还需要使用Ajax编码的字符串将文本发送到PHP。我应该提一下的！
浏览 8提问于2012-06-02得票数 0
回答已采纳
1回答
我在placeholder.And中插入了一个文本--在出现文本后正在工作的properly.Now，我希望光标转到一个特定的点(这里是怀疑)，并纠正拼写错误的单词(怀疑到怀疑)。
怎么做？你能给我举一些我想在这个项目中做的例子吗？
代码
var txt = "Please write your message.If any doubts, don't hesitate to make a questions !";
var timeOut;
var txtLen = txt.length;
var char = 0;
$('textarea').a
浏览 5提问于2015-12-15得票数 1
回答已采纳
当您在每个文本区域中键入相同的数据时，我喜欢将文本区域数据与span数据相匹配。
如何匹配？
html
<span data-lang="gb"></span>
<textarea data-lang="gb"></textarea>
<span data-lang="en"></span>
<textarea data-lang="en"></textarea>
jquery
$('textarea').each
浏览 1提问于2018-08-23得票数 0
回答已采纳
1回答
我试图在jquery中做一个测试，它从用户那里获取答案，用正确的答案检查它，然后用分数显示结果。
我要我的测验在完成一轮之后重新开始。该代码在第一轮运行良好，但当我再次启动它时，它只显示第一个问题，而不继续。
出什么问题了?？
小提琴的链接是
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<div class="score">Score: <span id="scr"><
浏览 1提问于2014-07-17得票数 0
2回答
我有一个这样的茶区：
$("textarea").on('focus', function(){
alert("clicked");
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<textarea col="3" row="20"></textarea>
正如您在上面的小提琴中所看到的，每次您专注于该
浏览 2提问于2016-02-07得票数 1
回答已采纳
2回答
如何向计数器到达时停止的函数添加限制(10个字符)？
当输入10个字符时，chars-counter停止计数(并显示10个字符)。如果被擦除，它将向后计数回到0。
$(document).ready(function() {
var textarea = $("#my_textarea");
textarea.keydown(function(event) {
var numbOfchars = textarea.val();
var len = numbOfchars.length;
$(".chars-counter").
浏览 27提问于2018-06-07得票数 1
回答已采纳
我正在尝试实现一个切换，在Django模板上为我的loop语句中的每个元素显示一个隐藏的DIV。问题是，我只能让它只在循环的第一个元素上工作，或者一次在所有元素中工作(一个按钮触发每个隐藏的DIV显示)。我如何使用普通的JS或在最坏的情况下使用Jquery来实现这一点？
下面是我的模板中的html
{% for comment in comments%}
<div class="comment">
<p><strong>{{comment.author}} {% if comment.a
浏览 0提问于2021-03-09得票数 1
1回答
我创建了一个测试，它从用户那里获取答案，检查它并显示答案是正确的还是不正确的。其中有8个问题。当这8道题全部完成后，我想再次开始测验。我该怎么做？
这是我的密码
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js">
</script>
<div class="qscore">
<span id="scr"></span>
</div>
<center>
浏览 0提问于2014-07-24得票数 0
我试着用一条“成功”的信息来做一个角色计数器。
我的问题是，在用户达到所需的字符数并显示“成功”消息之后，如果他删除字符，则“”消息将保留为。
我想它会计算出每一个“键盘”，但我想我遗漏了一些东西。任何想法都会很感激的。
以下是代码：
$('#count').text(10);
$('textarea').on('keyup', function() {
if ($(this).val().length < 10) {
$('#count').text(10 - $(this).val().len
浏览 1提问于2016-02-08得票数 0
回答已采纳
我不能只使用HTML显示来自MaterializeCSS的字符计数器。该网站示例在jQuery中实现。我不能在我的React项目中使用jQuery，所以我想知道是否有一种方法可以通过使用MaterializeCSS的JS来插入一个带有字符计数的materializeCSS文本区域？有一个可行的日期选择器在materializeCSS的JS下面作为一个例子，非常感谢！
< script src = "https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0-beta/js/materialize.min.js"
浏览 0提问于2018-04-10得票数 1
回答已采纳
有没有办法在jQuery中检测到，当终端用户连续在文本区中键入内容时，是否在文本区创建了新行？我无法设置文本区域的行高和最大最小高度。
小提琴：
注意:这里我问的不是\n (回车)，而是新行
enteredText = $( this ).val();
numberOfLineBreaks = (enteredText.match(/\n/g)||[]).length; //When we press enter then only the value comes but not for new row.
Textarea属性：
$(e).css({'heig
浏览 0提问于2016-04-19得票数 4
我有一个网页：
<textarea class="form-control" rows="5" id="textArea" name='textArea' maxlength="250" style="resize:none" placeholder=""></textarea>
<small>
<span id="counter"></span>
</small>
与此绑定的jquery
浏览 2提问于2015-10-30得票数 0
回答已采纳
1回答
我有一个简单的HTML表单，允许用户输入一些文本，然后通过SMS网关作为SMS/TXT消息发送。用户将消息文本输入文本区域：
<textarea rows="10" cols="40" id="smsbody" validate = "required:true" name="MessageBody"></textarea>
他们可以输入尽可能少或尽可能多的文字，然而，由于每条短信被限制为160个字符，我想显示一个字符计数器，它既显示输入的字符数量，然后还计算这将使用多少短信信用。计算积分的
浏览 0提问于2010-07-13得票数 1
回答已采纳
好的，这个程序应该计算每个单词出现在一个.txt文件中的次数，我在正确的轨道上，因为这个程序在文本区域显示文件中的每个单词，但是我需要它不要重复单词，而是增加一个计数器。我是否在正确的轨道下的每一个词:单词声明？它在一个有序的链表中，所以单词按字母顺序排列.
import javax.swing.*;
import java.awt.*;
import java.io.*;
import java.util.Scanner;
public class Oct29 extends JPanel
{
private OrderedList<String> words;
pr
浏览 0提问于2014-11-02得票数 0
回答已采纳
1回答
在所有短文章的索引页上，我有一个表单分部，这样用户就可以轻松地添加一个新的短文章。我使用Ajax，这样当我提交新的帖子时，它会将它附加到所有帖子的列表中，而不需要重新加载页面，并且表单也会再次用Ajax呈现。
在这个表单中，我有一个textarea，我使用了一个jQuery插件，它在textarea旁边的span元素中插入了他们剩下的字符(很像Twitter)。
在页面加载中，我看到计数器并且它可以工作，但是当我提交表单并且表单被重新呈现时，计数器不会被显示。
浏览 1提问于2014-01-23得票数 0
回答已采纳
1回答
剩余符号与脚本一起计数器。
、、、、
这是我以前做过的：
$maxbodylength = 3500;
$body = trim($_POST["body"]);
if (strlen($_POST['body']) > $maxbodylength)
print("<tr><td style='padding: 0px'><textarea maxlength=$maxbodylength name=body id=body cols=100 rows=20 style='border: 0px'>&
浏览 3提问于2013-08-06得票数 0
回答已采纳
我有一个示例代码：
<a href=""></a>
<textarea></textarea>
<object></object>
<img src="" />
<div id="content"></div>
我用了这个：
jQuery("a").mouseover(function() {
alert();
});
jQuery("textarea").mouseover(function()
浏览 0提问于2012-11-24得票数 2
回答已采纳
3回答
我有一个页面，其中包含使用jquery验证插件验证的字段，并且希望在字段中包括一个类似twitter的字符计数器，以查看还剩下多少个字符。
这是我的演示
$(document).ready(function() {
$(".counter").characterCounter({
counterCssClass: 'text-counter',
limit: 1000,
counterFormat: 'Characters Remaining: %1',
});
var validatorStra
浏览 5提问于2015-07-23得票数 2
回答已采纳
下面的代码运行良好。但是，如果我将newPara()中的html字符串更改为<textarea></textarea><button id="someId">Save</button>或<textarea></textarea><input type="button" value="Save"/>，则不起作用。这里面有什么问题呢？
我需要id属性来删除新附加的html。
有什么建议吗！
谢谢!
<html>
<head>
<
浏览 1提问于2010-11-01得票数 2
回答已采纳
我不确定标题是否正确。我似乎无法用语言恰当地表达这个问题！
<div class="limited limit-200">
<div class="label">
<label for="_je_industries_desc">Industry Description</label>
</div>
<div class="input">
<textarea class="large-te
浏览 0提问于2013-01-04得票数 3
回答已采纳
场景：文本有限公司( textArea )，部署javascript计数器来计算剩余的字符并通知用户。输入的形式是位于子页面主页上的jquery键盘。
问题： Chrome和IE从jquery键盘中检测到输入，并将字符输入文本框并触发javascript计数器函数，以便实时更新给用户，问题是FireFox不从jquery键盘触发JavaScript计数器，键盘正在更新textArea，但无法启动javascript计数器。
MyAttemps:为了找出问题只存在于火狐(我最初使用的是火狐)，我查找并添加了额外的属性，试图激发“theFunction”(参见代码)&我尝试了Registe
浏览 2提问于2011-11-17得票数 1
我使用的是textarea，我只想接受数字、逗号和空格。我试图实现的是，如果用户键入任何其他内容，则不允许。
例如,
123 is valid
123a should be 123
1a23v should be 123
我尝试了以下方法，但没有成功。
方法-1:这给了我true，false，但不确定如何删除最后一个条目。
$("#my-text-area").on("keyup", function(value) {
var regex = new RegExp(/^[0-9, ]*$/);
var input = this.value;
va
浏览 3提问于2017-06-22得票数 0
回答已采纳
如果表单通过Jquery提交，Html标签会自动添加textarea值。
我的jquery代码。
$('#calling').click(function() {
$('#myform').submit();
});
在我的表单中，有一个文本区。
<textarea id="area" name="rte1" cols="50" rows="10">Value of textarea.</textarea>
Javascript代码如下。
document.myfor
浏览 3提问于2013-09-06得票数 0
我在我的应用程序中实现了一个JS计数器。我有两个不同的计数器应该工作的两个表单字段。一个#post_title和一个#body-field。
这是我的JS：
counter = function() {
var title_value = $('#post_title').val();
var body_value = $('#body-field').val();
if (title_value.length == 0) {
$('#wordCountTitle').html(0);
浏览 3提问于2015-02-03得票数 0
回答已采纳
3回答
我需要将一些代码附加到我的所有textarea元素上，运行在
$(document).ready(function() {
$('textarea').textareaCount(options);
});
但是我已经通过Ajax和模板加载了textarea元素，所以在文档准备好之后加载的任何textarea元素都不会包含在jQuery选择中，并且会丢失我添加的行为。
处理这件事最好的方法是什么？
浏览 3提问于2013-08-10得票数 0
回答已采纳
7回答
我正在使用jQuery.validate v1.6.0来验证我的表单。
我的一个数据库字段被限制在1000个字符以内。我向相应的文本区域添加了一个验证，如下所示：
在我的页面页眉中，我添加了
$('form.validate').validate();
在我的页面中，我声明：
<form method="post" class="validate" action="Save">
<textarea name="description" minlength="15" maxl
浏览 0提问于2010-12-03得票数 16
我有一个表格在我的网站与几个不同的文本区域。
HTML/PHP
foreach ($bla as $blabla) {
.... other php-code (not relevant) ....
echo '<textarea id="textarea['.$blabla["ID"].']" name="textarea" maxlength="1000" onKeyUp="countChars(\'textarea['.$blabla["ID"].
浏览 2提问于2022-05-07得票数 1
回答已采纳
<html>
<head>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.0/css/bootstrap.min.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="https:
浏览 0提问于2019-04-17得票数 0
回答已采纳
我甚至不确定这是否可能..。
我正在使用下面的jquery代码来处理一些AJAX JSON数据，它工作得很好……
data = jQuery.parseJSON(data);
$('textarea#bec_term_id').html(data.bec_term_newlines_term_id);
$('textarea#bec_name').html(data.bec_term_newlines_name);
$('textarea#bec_slug').html(data.bec_term_ne
浏览 0提问于2013-02-05得票数 0
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
回答已采纳
我正在使用jQuery中的文本区/输入计数器进行实验。到目前为止，我写了以下内容：
$textarea.keyup(function(){
$chars_remaining.html((200 - parseInt($textarea.val().length)));
});
$textarea.keydown(function(){
$chars_remaining.html((200 - parseInt($textarea.val().length)));
});
但不知何故，如果我按下一个键超过3秒，计数器就会卡住，它会下降得很慢。相比之下，无论你多快地输入/按住一个键
浏览 0提问于2011-06-30得票数 3
在对这个问题进行了广泛的搜索之后，我一直无法自己找到一个问题的答案，因为我遇到的一个问题是，jQuery验证插件正在蚕食我用于通过PHP发送短信的表单的一个字符计数插件。
如果您在前端进入表单，并开始在文本区域中键入，计数器将正常工作，当然验证不会触发，因为元素中有文本……但是，出于测试的目的，如果您尝试在没有消息的情况下提交表单，则会触发验证，并显示与textarea相关的错误消息；当您输入副本时，验证消息会消失，但字符计数器不再起作用。
下面是我使用的字符计数器：
下面是我的脚本布局：
$(function(){
//irrelevant functions have been o
浏览 4提问于2012-10-13得票数 2
回答已采纳
3回答
我想创建一个类似的东西，在这个网站上的字符计数器- 。然而，与其计算每一个字符，我只想计数哈希标签。所以，如果我输入#高兴和悲伤，柜台将返回数字2。
我是javaScript和jQuery的新手，所以我不知道如何才能做到这一点。
假设我有这个html
<textarea rows="16" class="form-control"></textarea>
<div class="remaining-counter">Characters Counted: <
浏览 8提问于2017-08-08得票数 1
回答已采纳
我正在做一些浏览器编辑，我有一些内容是大约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
回答已采纳
我正在尝试在路径中添加一个默认值：
C:\Program Files (x86)\Internet Explorer
从jquery到文本区域，但它丢失了斜杠"\“。如何克服？
jsfiddle：
const str=`C:\Program Files (x86)\Internet Explorer`
$('#ctrl_title').val(str);
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script&g
浏览 2提问于2019-09-18得票数 0
我有下一个字符串bbcode类型的[MSG]abc[/MSG]，我想用一个友好的string....using替换它
当bbcode只在第一行时，我的代码才能工作，但是当我在带有行的[MSG]标记中放置更多的文本时，breaks....it就不能工作了.
做错什么了？
编码尝试了
$("button").on("click", function(){
var textarea = $("#textarea").val();
var regex = /\[MSG\](.*)\[\/MSG]/ig;
textarea = tex
浏览 0提问于2020-04-28得票数 3
回答已采纳
1回答
，每个id的div都包含用于用户响应的控件(无线电组)。我正在尝试计算DIVs的数量，其中用户提供了响应并将结果输入到文本字段name="REP“中。“是”或“否”都可以被计算在内。
HTML结构如下：
<div class="figures">
<div id="Template_Questions">
<label for="number1">Number of ALL items:</label>
<input class="cou
浏览 4提问于2014-03-08得票数 0
回答已采纳
我在django才刚刚起步。我想在我的django表单的Textarea中集成一个最大的单词计数器。我已经寻找了很多来源，但我变得更加困惑。
如果有任何建议，我将不胜感激。(我知道如何为纯html表单的单词计数器编写javascript )。对我来说，主要的困惑是如何向django表单中的字段添加类似"onClick“属性的内容。
非常感谢。
浏览 0提问于2012-04-07得票数 0
我知道这个问题已经了，但我的问题有点不同。
我有一个文本区域，我将其值设置如下：
<textarea><span>all this inside textarea</span></textarea>
现在，我正在使用jQuery进行一些ajax操作，并希望通过jQuery设置文本区域的值。
以下是我的jQuery代码。
jQuery(function(){
jQuery("select#rooms").change(function(){
var options = '';
jQuery.get
浏览 2提问于2009-09-08得票数 1
3回答
我尝试在文本字段上使用jquery自动完成功能，以允许用户选择多个标记，就像在中一样，但是我得到了错误Uncaught TypeError: Cannot read property 'autocomplete' of undefined。这是mosly从链接中复制的导致问题的代码。
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
<scrip
浏览 0提问于2012-08-08得票数 4
回答已采纳
2回答
当我按下“重复表格”按钮时，如何防止我的复本表格被删除？复制的形式出现了大约一秒，然后立即消失，我如何防止这种情况？
Javascript
function myFunction() {
var elmnt = document.getElementById("formid");
var cln = elmnt.cloneNode(true);
document.body.appendChild(cln);
}
<form action="dilemman.php" method="post"
浏览 2提问于2015-12-08得票数 0
2回答
在使用jquery输入textbox时，我试图替换textarea中的字符串值。我用按键事件来尝试实现这个目标。在这个中有什么问题
<input type="text" id="textbox" />
<textarea id="txtArea">This is a sample test.</textarea>
jquery代码
$("#textbox").keypress(function () {
var txtAreaValue = $('#txtArea').v
浏览 6提问于2015-09-26得票数 2
回答已采纳
1回答
附件中的代码删除了<textarea>中的所有URL。
代码是否有可能删除所有URL，除非该URL位于<textarea>内的圆括号 - (例如( - ) - )内？
如果可能的话，我会感谢更新小提琴，因为我是新的编码。
$(function() {
$("#txtarea").keyup(function() {
console.log(this.value);
this.value = this.value.replace(/(https?:\/\/)?([\da-z\.-]+)\.([a-z\.]{2,6})([\/\w \
浏览 3提问于2015-11-04得票数 6
回答已采纳
我有一个Textarea和一个Button，当按钮单击时，我想用JQuery设置它的值。
<textarea readonly class="form-control prj-info"></textarea>
以及我的Jquery代码：
$(".btn-get-prj-info").click(function () {
if ($('.edt-prj-code').val().length < 7) {
$("textarea.prj-info").html
浏览 0提问于2017-11-09得票数 0
回答已采纳
4回答
我已经查过了，但是没有什么对我有用的.
我有一个HTML:
<textarea rows="3" name="website" id="website" placeholder=""></textarea>
我想用jquery: (放置在$(Document).ready中)对此进行更改。
$("#website").text(data.website);
但是它不起作用，我也尝试过.val()，但是它也不起作用，因为<textarea>没有价值。
我使用的是jQuery 1.9
浏览 3提问于2013-06-11得票数 1
回答已采纳
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
回答已采纳
1回答
这是我的代码，它在插入的情况下工作很好，但是如果更新的话，它就不能正常工作了。
当插入计数器时，只要输入任何内容，它就会显示0/500，但它将0替换为我输入的字符数(变为50/500)。
但是如果更新这个textarea已经填充了50个字符；在这种情况下，它的光标焦点仍然在0/500上，但是当我单击其他地方时，我的意思是当textarea失去焦点时，它会显示正确的值。
<textarea class="input-text" rows="5" id="gBann" name="reason" maxlength="5
浏览 1提问于2016-10-01得票数 0
回答已采纳
4回答
我正在尝试计算文本区域每行中的字符。 我试着改编这段代码来计算音节http://jsfiddle.net/5Zwkq/19/，但没有成功。任何帮助都将不胜感激。 function $CharCount($input) {
$("[name=set_" + $input + "]").keyup(function() {
var arrayOfLines = $("[name=set_" + $input + "]").val().match(/[^\r\n]+/g);
var tempArr = [];
浏览 42提问于2016-09-07得票数 3
回答已采纳
1回答
我有3个文本区域，有一个提交按钮，我希望只有当每个文本区都有一些内容时，我才会启用。以下是我到目前为止所拥有的：
HTML
<body>
<form>
<p>First</p>
<textarea name="first" id="first" cols="12" rows="2"></textarea>
<p>Second</p>
<textarea name="second"
浏览 0提问于2016-12-27得票数 1
回答已采纳
我尝试过几种不同的方法，但似乎没有一种适合我。在我解释一下之后，我会输入我尝试过的方法。我有一个id‘注释形式’的表单，我想自动提交用户输入时，页面重新加载，用户没有点击提交按钮。submit按钮的id为“submit”。表单的textarea字段是“注释”(我不认为这与此相关。
尝试1:结果:在访问时自动重新加载页面，并在填写文本表单时出现错误。
<script type="text/javascript">
jQuery(window).on('load', function() {
jQuery('#submit').click
浏览 1提问于2021-05-30得票数 1
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
腾讯会议
实时音视频活动推荐
腾讯云开发者
