首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > JAVA > Java Web开发 >

用jsp怎么在客户端限制多行文本框的输入长度?最好可以提示用户还可以在输入多少字符

2011-12-30 
用jsp如何在客户端限制多行文本框的输入长度?最好可以提示用户还可以在输入多少字符?用jsp如何在客户端限

用jsp如何在客户端限制多行文本框的输入长度?最好可以提示用户还可以在输入多少字符?
用jsp如何在客户端限制多行文本框的输入长度?最好可以提示用户还可以在输入多少字符?

[解决办法]
建议你在onKeydwon,onkeyup事件里写判断.onkeydown之前判断一下长度是否还可以输入,onkeyup之后更新一个区域,提示还有多少字符可以输入
[解决办法]

HTML code
<!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" /><title> 无标题文档 </title></head><body><textarea cols="60" rows="10" id="text1"></textarea><br>剩余字符:<span id="textleft">20</span></body></html> <script language="javascript">var otext = document.getElementById("text1");var otextleft = document.getElementById("textleft");var re = /[^\x00-\xff]/g;var maxLength = 20;window.onload = function(){    if(document.all)        otext.onpropertychange = textleft;    else        otext.onkeypress = textleft;}function textleft(){    var str = otext.value;    str = str.replace(re,"xx");//中文字符当2个字符处理 如果不用的话主是掉本行    otextleft.innerHTML = maxLength - str.length;    if((maxLength - str.length)<0){        otext.value=otext.value.substr(0,otext.value.length-1);    }}
[解决办法]
HTML code
<div>        <textarea id="TextArea1" cols="20" rows="20" onkeyup="check()"></textarea>        <label id="Label1"></label>    </div>    <script type="text/javascript">    function check()    {        var textLimit = 200;        var otextarea = document.getElementById("TextArea1");        var olabel = document.getElementById("Label1");        var textLength = otextarea.value.length;        if(textLength <= textLimit)        {            olabel.innerHTML = (textLimit - textLength) + "remains";        }        else        {            olabel.innerHTML = (textLength - textLimit) + "overflow"        }    }    </script> 

热点排行