js 限制input的字数 并提醒

最新推荐文章于 2023-09-03 22:16:00 发布
最新推荐文章于 2023-09-03 22:16:00 发布
阅读量2.1k 收藏
点赞数
文章标签： input xhtml standards class html javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/xman8293/article/details/4392986
版权

 <!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" />
<meta name="author" content="bigfocus@163.com,混蛋鱼" />
<meta name="Copyright" content="混蛋鱼VS男人猫 CopyRight 2007" />
<meta name="keywords" content="JS,Blog,ASP,designing,with,web,standards,xhtml,css,graphic,design,layout,usability,accessibility,w3c,w3,w3cn" />
<meta name="description" content="JS限制textarea输入框输入字数" />
<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>

xman8293
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
JS限制输入的字数
woxingwosu13的专栏
05-07 4958
      经常会碰到在输入的时候需要限制输入的字数（长度），如果用maxlength属性的话它对待中英文是一样的。比如这样可以输入十个字母比如1234567890，但是也可以输入十个汉字比如：一二三四五六七八九十，但是明显后面那十个汉字是char(20)，如果数据库中字段的属性是char(10)，那么多余的就会截掉甚至导致最后一个字符出现乱码。     于是我就曾经用JS来提示和控制输入字符的长
输入框字数限制
10-30
前台文本框输入的时候对该文本框的字数自动截取，输入框字数限制。
如何设置input输入框最大字数限制
热门推荐
No_overtime_apes的博客
09-11 5万+
今天写了个输入框，由于后台要求必须为数字并且长度不能超过11，需要对输入字数长度做下限制。绞尽脑汁，有好多高级的的想法.......（有点佩服自己） 其实有个最简单的办法（晕）------------maxlength属性 maxlength 属性规定输入字段的最大长度，以字符个数计。 如下： &lt;input type="text" maxlength="11" /&gt; 关于数字...
js 限制输入字数 （ 包括粘贴 ）
a8263664的博客
06-15 1474
<input name="title" type="text" size="50" value="" maxlength="15" onkeyup="javascript:setShowLength(this, 15, 'cost_tpl_title_length');" onpaste="javascript:setShowLength(this, 15, 'cost_tpl_title_
限制input输入框内容
最新发布
weixin_57964731的博客
09-03 256
最近在项目中碰上了限制input输入框的输入内容的需求，于是查阅了资料，总结以下这些非常实用的JavaScript正则表达式。9.限制input输入框除了英文的标点符号以外，其他的都可以。中文，英文字母，数字，中文标点的正则表达式。通过JavaScript正则表达式限制input输入框的输入内容。
input输入框限制输入长度、限制输入内容
weixin_51465537的博客
07-19 7250
在vue+elemnetUI的前端项目中，使用input输入框进行内容的输入的时候，有的时候会要求限制输入字符长度，有的会限制输入的内容。以下是几个简单的介绍。
VUE element-ui之form表单中input输入超过规定长度error提醒，并实时显示输入长度，可无限输入
HanXiaoXi_yeal的博客
09-21 3365
可以看到我们自定义name长度为120，当用户输入超过120会出现error提示，并实时显示用户输入的字符长度，可以无限输入但是无法通过校验。新建js文件写入下面的函数。
js限制input标签中只能输入中文
10-24
主要介绍了js限制input标签中只能输入中文的的相关资料,需要的朋友可以参考下
基于jquery的inputlimiter 实现字数限制功能
10-29
因客户要求区分全角跟半角，所以在jquery.inputlimiter.js插件上还做了些小改动。
js正则限制input只能输入金额
01-08
限制input只能输入金额 JS代码: function checkInput(_this) { if (_this.value != '' && _this.value.substr(0, 1) == '.') { _this.value = '0.00' } if (_this.value == '') { _this.value = '0.00' } _...
js限制input小数点前几位后几位
09-01
1、可以动态设置小数点的前几位和后几位，进行实时校验； 2、通过正则表达式判断，超过设置的范围就不能输入了； 3、只能输入数字和小数点； 4、已经封装好的插件，可以直接使用。有使用的示例和必要的注释。
js限制文本框输入长度两种限制方式(长度、字节数)
12-12
功能/特点： 1.实时显示可输入的字数（字节数） 2.两种限制方式（长度、字节数） 3.中文输入法下可正常使用，无BUG 4.同一页面可以使用多个，相互不干扰 limit.js 代码如下: function limit(){ var txtNote;//文本框 var txtLimit;//提示字数的input var limitCount;//限制的字数 var isbyte;//是否使用字节长度限制（1汉字=2字符） var txtlength;//到达限制时，字符串的长度 var txtByte; this.init=function(){ txtNote=this.txtNote;
input输入框按照字符数限制输入
codezha的博客
02-07 3704
实现效果：按照字符数限制用户输入长度，汉字为两个字符，数字和字母为一个字符，超出字符长度限制时，自动去掉多余部分来限制用户输入。通过自定义指令实现上述功能 vue文件 <template> <div> <textarea v-limitTextLen="titleMaxLength" v-model="textareaValue"/> </div> </template> <script> export defaul
限制input输入类型
WS_2017的博客
06-20 294
1.只能输入和粘贴汉字 <input onkeyup="value=value.replace(/[^\u4E00-\u9FA5]/g,'')" onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^\u4E00-\u9FA5]/g,''))"><br/>...
input输入框限制不同情况
qq_43532275的博客
05-22 3005
【代码】input输入框限制不同情况。
js限制输入框字数
天下大师傅
05-05 1万+
由于需要用到限制输入框的字数 然后就到网上找了一段代码，可以用，但是发现有问题，不能输入超过限制的字符，这样就不能忍了。 拼音输入法的时候字还没打完就被限制了。 于是我就改良了一下，注释的是原代码，没注释的是我改良后的代码。 &lt;html lang='en'&gt; &lt;head&gt; &lt;meta charset='utf-8'/&gt; &lt;title&g...
文本框限制输入字数的JS
小虎哥－不可能变成可能
04-02 2031
HTML代码：其中：class="ui-text" 、class="ui-input"、data-num="48"、class="ui-textTips"，是必不可少的。 &lt;div class="div-p ui-text"&gt; &lt;ul&gt;&lt;li&gt;&lt;/li&gt;&lt;li&gt;
js限定多行文本框字符个数
weixin_30363817的博客
07-20 157
网上摘录简洁的js代码： <script type="text/javascript"> function checkLength(which) { var maxChars = 10; if (which.value.length > maxChars) { alert("字数过多的提示"); // 超...
JS常用正则表达式和JS控制输入框输入限制(数字、汉字、字符)
jp2021的博客
10-25 6421
JS常用正则表达式和JS控制输入框输入限制(数字、汉字、字符)
input 字数限制
08-15
关于input的字数限制，目前ChatGPT模型对于每个对话进行处理时有一个最大令牌限制，超过该限制的输入将被截断或导致部分信息丢失。具体的字数限制取决于您使用的精简模型或完整模型。一般来说，较精简的模型可能有更...

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值