精华内容
下载资源
问答
  • 原生js text文本框输入字数限制长度提示
  • 这篇文章主要介绍了js 文本框输入字数限制,动态显示可输入的字数提示还可以输入的字数,需要的朋友可以参考下。 代码如下: <input name="title" type="text" size="50" value="{$p.title}" maxlength="15" ...

    这篇文章主要介绍了js 文本框输入字数限制,动态显示可输入的字数提示还可以输入的字数,需要的朋友可以参考下。

    代码如下:
    <input name="title" type="text" size="50" value="{$p.title}" maxlength="15" οnkeyup="javascript:setShowLength(this, 15, 'cost_tpl_title_length');">

    <span class="red" id="cost_tpl_title_length">还可以输入15字数</span> 

    js代码如下:

    function setShowLength(obj, maxlength, id) {
     var rem = maxlength - obj.value.length;
     var wid = id;
     if (rem < 0){
     rem = 0;
     }
     document.getElementById(wid).innerHTML = "还可以输入" + rem + "字数";
    }

    转载于:https://www.cnblogs.com/jk-jun/p/11356210.html

    展开全文
  • 可主要用于留言板等地的小部分文字书写。 代码如下: <head id="Head1" runat="server">...限制文本框输入字数</title> <style type="text/css"> .progress { width...

    可主要用于留言板等地的小部分文字书写。

    代码如下:

     

       <head id="Head1" runat="server">

        <title>限制文本框输入字数</title>

        <style type="text/css">

            .progress

            {

                width: 1px;

                height: 14px;

                color: white;

                font-size: 12px;

                overflow: hidden;

                background-color: navy;

                padding-left: 5px;

            }

        </style>

     

        <script type="text/JavaScript">

    function textCounter(field,counter,maxlimit,linecounter) {

     // text width//

     var fieldWidth =  parseInt(field.offsetWidth);

     var charcnt = field.value.length;       

     // trim the extra text

     if (charcnt > maxlimit) {

      field.value = field.value.substring(0, maxlimit);

     }

     else {

     // progress bar percentage

     var percentage = parseInt(100 - (( maxlimit - charcnt) * 100)/maxlimit) ;

     document.getElementById(counter).style.width =  parseInt((fieldWidth*percentage)/100)+"px";

     document.getElementById(counter).innerHTML="已输: "+percentage+"%"

     // color correction on style from CCFFF -> CC0000

     setcolor(document.getElementById(counter),percentage,"background-color");

     }

    }

    function setcolor(obj,percentage,prop){

     obj.style[prop] = "rgb(80%,"+(100-percentage)+"%,"+(100-percentage)+"%)";

    }

        </script>

     

        <p>

            限制:120字节</p>

    </head>

     

    <body>

        <form id="form1" runat="server">

        <textarea rows="5" cols="40" name="maxcharfield" id="maxcharfield" οnkeydοwn="textCounter(this,'progressbar1',120)"

            οnkeyup="textCounter(this,'progressbar1',120)" οnpaste="textCounter(this,'progressbar1',120)"

            οnfοcus="textCounter(this,'progressbar1',120)"></textarea><br />

        <div id="progressbar1" class="progress">

        </div>

     

        <script type="text/jscript">textCounter(document.getElementById("maxcharfield"),"progressbar1",120)</script>

        </form>

    </body>

    以前用的,感觉不错……

    转载于:https://www.cnblogs.com/aizhan/archive/2013/01/22/IceBirds.html

    展开全文
  • jQuery+textarea文本框输入文字字数限制提示代码js代码//显示限制输入字符methodfunction textAreaChange(obj){var $this = $(obj);var count_total = $this.next().children('span').text();var count_input = $...

    jQuery+textarea文本框输入文字字数限制提示代码

    js代码

    //显示限制输入字符method

    function textAreaChange(obj){

    var $this = $(obj);

    var count_total = $this.next().children('span').text();

    var count_input = $this.next().children('em');

    var area_val = $this.val();

    if(area_val.len()>count_total){

    area_val = autoAddEllipsis(area_val,count_total);//根据字节截图内容

    $this.val(area_val);

    count_input.text(0);//显示可输入数

    }else{

    count_input.text(count_total - area_val.len());//显示可输入数

    }

    }

    //得到字符串的字节长度

    String.prototype.len = function(){

    return this.replace(/[^\x00-\xff]/g, "xx").length;

    };

    申明:php中文网下载站匠心打造专业的IT资源下载站!一切资源免费,来源网络收集,请自行检测软件的完整性。交流QQ群:916808767

    展开全文
  • JS控制文本框textarea输入字数限制的方法,需要的朋友可以参考一下
  • //js代码 <script type="text/javascript"> function checkLen(term){ document.all.termLen.value=30-term.value.length; if (document.all.termLen.value<=0){ t er...

    //js代码

    <script type="text/javascript">        

    function checkLen(term){        

    document.all.termLen.value=30-term.value.length;        

    if (document.all.termLen.value<=0){          t

    erm.value=term.value.substring(0,30);         }         } 

    </script>

    //html代码

    <table border="0" width="98%"> 

    <tr>       

    <td colspan="2" align="center">  <textarea id="txtLookReason" style="width: 99%; height: 100px; margin-top:5px;" onKeyPress="checkLen(this)" onKeyUp="checkLen(this)" onChange="checkLen(this)"></textarea> </td></tr>        

    </table>          

    <span class="color_red">(限30字以内,您还可以输入<input name="termLen" value="30" style="background-color:#FFFFFF; font-size:9pt; color:#FF3333; border:0; text-align:right" size="3" readonly />   字)</span>

    转载于:https://www.cnblogs.com/chj929555796/p/3373978.html

    展开全文
  • 1、实时监控当前输入字数,直接使用onkeyup事件方法,给输入框加maxlength属性限制长度。如: <textarea id=txt maxlength=10></textarea> <p><span id=txtNum>0</span>/10 var txt = document....
  • 限制文本框输入字数

    2016-03-03 14:43:00
    自身属性:maxlength="10" 设置字数,英文跟中文字数一样 JS解决方案: $('#demo').on('keyup',function(){ var str = document.getElementById('memo').value; GetCharLength(str); });//获取字符串...
  • <script type="text/javascript"> $(function () { //匹配包含给定属性的元素,keyup在按键释放时发生 $("#caseContent").keyup(function () { var area = $(this); //parseInt 方法返回与保存在 ...
  • jQuery textarea文本框输入文字字数限制提示代码,设置固定输入字符,实时计算显示已经输入多少字符。
  • 限制文本框输入字数的代码 function gbcount(message,total,used,remain) {  var max;  max = total.value;  if(message.value.length > max){  used.value = max;  remain.value = 0;  ...
  • Vue elementUI 中显示文本框输入字数,已输入字数,两种方式 <el-form-item label="总结内容" prop="conclusion"> <el-input type="textarea" @input = "descInput" v-model="form.conclusion" :rows="8...
  • <script language="javascript"> function countChar(textareaName,spanName){ if(document.getElementById("status").value.length>100){ window.alert("已经是最大字数了!") return false; }else{ ...
  • JavaScript: <script type="text/javascript"> function TexBoxCheckTrue(obj, labelId_String, checkNode, errorMsg_String) { var lbObject = document.getElementB...
  • 由于Html里只有input元素拥有maxlength属性,而textarea没有,所以以前对于文本框字数限制做了很多方案的解决,但是都不太完美。后来在网上闲逛的时候突然发现一个比较好的文本框字数限制的jquery plugin,简单好用...
  • 实时监控文本框输入字数

    千次阅读 2018-01-17 17:34:56
    1、实时监控当前输入字数,直接使用onkeyup事件方法,给输入框加maxlength属性限制长度。如: div> textarea id="txt" maxlength="10">textarea> p>span id="txtNum">0span>/10p> div> var tx
  • JS控制文本框textarea输入字数限制

    千次阅读 2012-12-21 16:04:37
    JS限制Textarea文本域字符个数 <!--// function textCounter(field, countfield, maxlimit) { // 函数,3个参数,表单名字,表单域元素名,限制字符; if (field.value.length > maxlimit) //如果...
  • 由于HTML页面中的 textarea 文本框标签需要对字数长度设置固定输入字符。所以,本文主要介绍使用 javascript 动态控制 HTML ...javascript动态控制textarea文本框输入的文字内容并提示还可以输入多少字符数字限制...
  • text文本框限制文本框字数,当text文本框内文字字数超出限制字数时,自动提示文字,已超出限制文字字数 2、实现原理 先定义好限制字数,然后获得在input里面输入字数,在将限制字数减去当前的数字就剩下...
  • 还可输入30个汉字 function countNum(e){ var value=$(e).val(); var cArr = value.match(/([\u0391-\uffe5])/ig); // 返回中文的字符 var num=Math.floor((90-value.length-2*(cArr == null ? 0
  • javascript实现控制一个文本框输入字数限制,超出字数限制文本框飘红显示。 html <textareaname=""id="text"cols="30"rows="10"maxLength=10></textarea><br> <spanid="span"></...
  • H5中textarea文本框实时字数限制办法!

    千次阅读 2017-01-10 17:37:36
    <script type="text/javascript"> ... $(obj).tips({side:3, msg:'达到最大字数限制', bg:'#AE81FF', time:1}); } } ;width: 300px;" title="通知内容" readonly="readonly" >

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 1,371
精华内容 548
热门标签
关键字:

js文本框输入字数限制