zhibin07
- 浏览: 310796 次
-
文章分类
最新评论
-
一个ID的距离：
我了个擦~高端大气上档次啊~
js生成玫瑰花 源代码 -
abc382410124：
尝试使用开源的免费的编辑器了，学习了
Notepad++ 插件之 TextFX (安装及作用)
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<meta name="robots" content="all" />
<title>JS限制textarea输入框输入字数</title>
<SCRIPT language="javascript">
<!--
function checktext(text)
{
allValid = true;
for (i = 0; i < text.length; i++)
{
if (text.charAt(i) != " ")
{
allValid = false;
break;
}
}
return allValid;
}
function gbcount(message,total,used,remain)
{
var max;
max = total.value;
if (message.value.length > max) {
message.value = message.value.substring(0,max);
used.value = max;
remain.value = 0;
alert("留言不能超过 200 个字!");
}
else {
used.value = message.value.length;
remain.value = max - used.value;
}
}
-->
</script>
<style type="text/css">
<!--
* {padding:0; margin:0;}
body, html {text-align:left; font-size:12px; line-height:150%; margin:0 auto; background:#fff; padding-top:20px;}
fieldset {padding:10px; width:550px; margin:0 auto;}
legend {font-size:14px; font-weight:bold;}
.inputtext {border:none; background:#fff;}
-->
</style>
</head>
<body>
<form action="SaveData.asp" method="post" onSubmit="return datacheck();">
<fieldset><legend>请输入内容</legend>
<textarea name="Memo" rows="10" wrap=PHYSICAL cols="75" onKeyDown="gbcount(this.form.Memo,this.form.total,this.form.used,this.form.remain);" onKeyUp="gbcount(this.form.Memo,this.form.total,this.form.used,this.form.remain);"></textarea>
<p>最多字数：
<input disabled maxLength="4" name="total" size="3" value="200" class="inputtext">
已用字数：
<input disabled maxLength="4" name="used" size="3" value="0" class="inputtext">
剩余字数：
<input disabled maxLength="4" name="remain" size="3" value="200" class="inputtext"></td>
</p>
</fieldset>
</form>
</body>
</html>
- 新建_EditPlus_Text__.txt_.zip (1.1 KB)
- 下载次数: 0
分享到：
发表评论
-
js生成玫瑰花 源代码
2013-10-14 16:24 1839<!DOCTYPE html> <ht ... -
水果忍者JS版
2013-05-15 10:42 794demo: http://zhibin07.web-159 ... -
php可编辑表格
2013-04-11 10:16 1936转自kongzimengsheng 编号 姓 ... -
jq实现果冻抖动效果
2013-03-20 10:15 741Demo:http://zhibin07.web-159.co ... -
分享设置
2013-03-19 14:36 786<script> //分享设置 var s ... -
GooleEye
2013-02-03 17:01 673,,,,,,,,,, -
ie6 form.submit()不能正常提交
2012-12-19 17:01 992IE6下如果是用<input type="su ... -
实现 鼠标移上去出现多菜单
2012-12-10 11:33 827<HTML> <HEAD> ... -
jquery 轮播
2012-12-07 16:21 885转自：http://www.cnblogs.com/babyz ... -
<marquee>aa</marquee>实现内容滚动时首尾相连，不出现空白的时候
2012-11-15 17:03 1236<HTML> <HEAD> & ... -
网站统计中的数据收集原理及实现
2012-11-15 09:42 821http://www.admin10000.com/docum ... -
网站统计中的数据收集原理及实现
2012-11-12 09:17 810[url]http://www.admin10000.com/ ... -
jquery控制css的display(控制元素的显示与隐藏)
2012-11-05 10:09 840jquery控制css的display(控制元素的显示与隐藏) ... -
图片submit reset
2012-11-02 18:22 726submit事件图片: <input type=&quo ... -
jQuery选择器大全
2012-10-22 09:37 760[size=x-small;] 转自：http: ... -
Javascript+PHP实现在线拍照功能
2012-09-17 09:16 876转自：http://www.php100.com/html/w ... -
50个jquery试用代码段++25个实用的jQuery技巧和解决方案
2012-09-07 19:59 1117转自：http://www.admin10000.com/do ... -
JS 对cookie 的一些操作
2012-07-05 15:47 840转自网络 js读取cookie,js添加cookie,js删除 ... -
js 数字逗号分节~
2012-06-15 10:15 1153// 转自*** 以下js函数 暂时只在IE Firefox ... -
cookie--javascript记录用户之前是否访问本页面
2012-06-07 10:02 961详细参见w3c文档 cookie <html> ...
相关推荐
以下将详细介绍如何使用原生JavaScript实现文本框输入字数限制及长度提示。 首先，我们需要获取到文本框元素，并设置一个最大输入字数。这可以通过HTML的`maxlength`属性完成，例如： ```html ``` 这个例子中，...
本资源“jQuery textarea文本框输入文字字数限制提示代码.zip”提供了一个实用的功能，即对textarea输入框进行字数限制，并实时显示当前已输入的字符数，这对于创建表单、评论区或任何需要限制用户输入的场景非常...
在本文中，我们将深入探讨如何使用jQuery来实现一个仿微博字数限制的功能。这个功能在许多社交媒体和在线论坛中非常常见，它可以帮助用户在输入文本时实时监测并限制字符数，确保符合平台的规定。 首先，我们需要...
首先，前端字数限制通常在用户交互层面上进行，即在用户输入时实时检测字符数。这可以通过JavaScript或者jQuery等库来实现。例如，可以监听`input`或`keydown`事件，每当用户键入或删除一个字符时，检查当前文本框的...
总结起来，通过JavaScript我们可以轻松地实现对`<textarea>`的字数限制功能，包括监听输入事件、检查字符数、限制输入以及提供实时反馈。这样的功能对于优化用户界面和提高网站质量具有重要意义。通过结合源码和工具...
一种常见的实现方式是监听文本域的`input`事件，当用户键入或删除字符时，实时更新字数计数，并在达到预设限制时阻止进一步的输入。以下是一个简单的JavaScript示例： ```javascript document.getElementById('...
针对“Jquery字数限制”这个主题，我们主要关注的是如何利用 jQuery 来实现对用户输入文本的长度限制。这在各种场景下都非常有用，比如评论框、表单输入、即时消息等，确保用户不会输入过长的内容，从而避免数据处理...
"HTML5输入框字数限制提示特效"是一个典型的利用HTML5特性实现的交互式用户界面设计，它通过JavaScript（JS）实现动态效果，当用户输入字符数超过预设限制时，输入框会产生抖动提示用户。这个特效不仅增加了用户体验...
本示例中，我们将探讨如何使用jQuery实现textarea文本框的字数限制功能，并实时提示用户输入的字符数量。 首先，让我们了解jQuery的基本概念。jQuery通过一个"$"符号作为入口，提供了一种简洁的方式来选择DOM元素、...
本教程将详细介绍一种使用JavaScript实现多行文本框输入字数限制的方法。 首先，我们需要了解HTML中的`<textarea>`元素。这是一个用于用户输入多行文本的区域，通常与`<form>`元素一起使用。我们可以通过设置`rows`...
本教程将详细讲解如何利用jQuery实现一个类似新浪发布微博的功能，特别是针对textarea文本框进行文字字数限制。 一、jQuery简介 jQuery是由John Resig在2006年创建的，它的核心理念是"Write Less, Do More"，通过...
在微博上，用户发布的每条消息都有字数限制，目的是鼓励简洁明了的表达。目前，微博的正文部分允许的最大字数是280个字符，这个数字来源于英语推特的限制，但中文字符因为信息密度更高，所以通常会提供更多的字符...
本篇文章将深入探讨如何使用JavaScript来实现多行文本输入框的字数限制功能。 首先，我们需要理解`<textarea>`的基本用法。它是一个可以容纳多行文本的HTML元素，通常配合`rows`和`cols`属性来设定初始的行数和列数...
在`js`目录下的JavaScript文件（比如`script.js`）中，可能包含处理字数限制和提示效果的代码。JavaScript会监听文本框的`input`事件，每当用户输入或删除字符时，都会触发这个事件。然后，代码会计算当前的字符数，...
本文将详细介绍如何使用JavaScript来控制textarea文本域的输入字数限制。 首先，从给定的文件内容中，我们可以看到一个简单的HTML页面结构，其中包含一个textarea元素和一个用于显示剩余字符数的文本框。页面通过...
在JavaScript中，限制表单输入长度是一个常见的需求，特别是在用户填写信息时，为了防止过长的文本导致数据处理问题或界面展示不协调。本话题主要介绍如何限制输入字段（特别是汉字）的长度，并实时显示剩余可输入...
本文将详细介绍如何使用JavaScript（简称JS）来实现对文本框输入字符数量的监控，并实时显示用户还可以输入多少个字符。 #### 关键知识点 1. **字符长度计算** 2. **实时更新剩余可输入字数** 3. **文本截断处理**...
为了提供良好的用户体验，特别是在有限字数限制的场景下，如微博、评论区等，开发者经常需要实现一个功能，实时显示用户输入的文本所剩余的字数。这个功能可以提醒用户他们还能输入多少字符，避免超过限制。本文将...
本文将详细介绍如何实现一个兼容iOS和安卓设备的`<textarea>`输入字数限制实例。 首先，我们要明确`<textarea>`是HTML中用于创建多行文本输入的元素，通常用于收集用户的大段文字输入，如评论、反馈或表单中的长...