文本框字数限制问题!急!!!!!!

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了文本框字数限制问题!急!!!!!!相关的知识,希望对你有一定的参考价值。

<td height="20" align="right" bgcolor="#FFFFFF">信息标题:</td>
<td bgcolor="#FFFFFF"><input name="title" type="text" id="title" size="40" maxlength="80">
<font color="#FF0000">*</font></td>
</tr>
<tr bgcolor="#f4f4f4">
<td height="20" align="right">信息内容:</td>
<td> <textarea name="content" cols="38" rows="8" id="content" ></textarea>
<font color="#FF0000">*</font></td>
</tr>
<tr bgcolor="#f4f4f4">
<td height="20" align="right">联 系 人:</td>
<td> <input name="rname" type="text" id="rname" size="20" maxlength="10">
<font color="#FF0000">*</font></td>
以上代码中的 信息标题 和联系人 已经分别将字数限制为 80 和 10 了!
但信息内容的字数我想限制为 400 怎么做????????

参考技术A 加个JS验证就可以了。
function textarea.onkeypress()
if(textarea.value.length>xxxxx)event.keyCode=0;


在用户输入的时候不断判断输入多少了。如果输入超过你设置的值,就不响应键盘了。也就OK了。本回答被提问者采纳

关于文本框字数的限制以为动态显示剩余字数

 一、首先先看一个非常普遍的效果截图,根据需求写代码

 

<div style="padding-bottom: 100px">
    <textarea style="width:230px;height:160px;" id="textArea" cols="30" rows="10">dancer测试!</textarea>
    <span><span id="textNum">0</span>/100</span>
    <!-- 最多100字符,0处显示的是已经写了多少字符 -->
</div>
<script>
    $(\'#textArea\').on("keyup",function(){
        $(\'#textNum\').text($(\'#textArea\').val().length);//这句是在键盘按下时,实时的显示字数
        if($(\'#textArea\').val().length > 100){
            $(\'#textNum\').text(100);//长度大于100时0处显示的也只是100
            $(\'#textArea\').val($(\'#textArea\').val().substring(0,100));//长度大于100时截取钱100个字符
        }
    })
    $(\'#textNum\').text($(\'#textArea\').val().length);//这句是在刷新的时候仍然显示字数
</script>

二、咱们再来讨论文本框限制字数的几种方法

1.只用css来限制

<textarea name="anchorAnnounce" cols="47" rows="2" maxlength="20" onchange="this.value=this.value.substring(0, 20)" onkeydown="this.value=this.value.substring(0, 20)" onkeyup="this.value=this.value.substring(0, 20)"  placeholder="喜欢我就关注我">喜欢我就关注我</textarea>

 2.剩下的方法可自行查询

  ......

以上是关于文本框字数限制问题!急!!!!!!的主要内容,如果未能解决你的问题,请参考以下文章

用jQuery实现限制输入字数的文本框

JQUERY 一个文本框,限制只能输入百分比或者货币类型

实现文本框中输入限制字数的效果

js 实时计算文本框字数限制

关于文本框字数的限制以为动态显示剩余字数

javascript 如何让文字大小自适应文本框(急)