精华内容
下载资源
问答
  • textarea限制输入字数
    2021-06-10 06:11:18

    textarea文字输入字数限制,不超300

    300

    function checkLen(obj) {

    var maxChars = 300;//最多字符数

    if (obj.value.length > maxChars) obj.value = obj.value.substring(0,maxChars);

    var curr = maxChars - obj.value.length;

    document.getElementById("count").innerHTML = curr.toString();

    }

    2html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

    jquery限制输入字数,并提示剩余字数

    function words_deal() {

    var curLength=$("#TextArea1").val().length;

    if(curLength>5) {

    var num=$("#TextArea1").val().substr(0,5);

    $("#TextArea1").val(num);

    alert("超过字数限制,多出的字将被截断!" );

    } else {

    $("#textCount").text(5-$("#TextArea1").val().length);

    }

    }

    剩余5个字

    3

    str=getElementById('text').value

    if(str.length<6){

    return false;

    alert('小于六位');

    }

    更多相关内容
  • 实现textarea限制输入字数(包含中文只能输入10个,全ASCII码能够输入20个) textarea称文本域,又称文本区,即有滚动条的多行文本输入控件,在网页的提交表单中经常用到。与单行文本框text控件不同,它不能通过...
  • 本文实例讲述了jquery实现textarea输入框限制字数的方法。分享给大家供大家参考。具体分析如下: 网上有使用属性 disabled 来实现,这个不好,想修改都没有修改。当然,这个也不是很完美。 代码如下:<html> &...
  • Vue textarea限制输入字数

    千次阅读 2019-08-02 17:30:57
    <div class="common_title"> 退款说明 <span>(选填)</span> </div> <div class="tk_text"> <textarea maxlength="100" placeholder="请输入退款备注"...
    <div class="common_title">
                退款说明 <span>(选填)</span>
            </div>
            <div class="tk_text">
                <textarea maxlength="100" placeholder="请输入退款备注" v-model="tkinfotest"></textarea>
                <span>{{texsum}}/100</span>
    </div>
    
    <script>
    export default {
        data () {
            return {
                tkinfotest:"",//退款说明
                texsum:0,//退款说明长度
            }
        },
        methods:{
    
        },
        watch:{
            tkinfotest(){
                this.texsum = this.tkinfotest.length;
            }
        }
    }
    </script>
    
    <style>
    .tk_text{
        margin: 0 .1rem;
        position: relative;
    
    }
    .tk_text textarea{
        font-size: .24rem;
        color: #999999;
        height: 2.4rem;
        width: 100%;
        padding: .2rem;
        border-radius: .2rem;
    }
    .tk_text span{
        font-size: .22rem;
        color: #999999;
        position: absolute;
        bottom: .4rem;
        right: .3rem;;
    }
    </style>
    <div class="applyInput cb mt3">
        <textarea placeholder="请输入" maxlength="500" @input="descInput" v-model="desc" />
        <span class="numberV">{{txtVal}}/500</span>
     </div>
    
    <script>
    export default {
      name: '',
      data () {
        return {
          txtVal: 0,
          desc:""
        }
      },
      methods: {
        descInput(){
            this.txtVal = this.desc.length;
            }
        }
    }
    </script>

     

    展开全文
  • 实现textarea限制输入字数(包含中文只能输入10个,全ASCII码能够输入20个) textarea称文本域,又称文本区,即有滚动条的多行文本输入控件,在网页的提交表单中经常用到。与单行文本框text控件不同,它不能通过...

    实现textarea限制输入字数(包含中文只能输入10个,全ASCII码能够输入20个)

    textarea称文本域,又称文本区,即有滚动条的多行文本输入控件,在网页的提交表单中经常用到。与单行文本框text控件不同,它不能通过maxlength属性来限制字数,为此必须寻求其他方法来加以限制以达到预设的需求。

    通常的做法就是使用#脚本语言来实现对textarea文本域的字数输入限制,简单而实用。假设我们有一个id为 txta1 的textarea文本区,我们可以通过以下代码限制它的键盘输入字数为10个字(汉字或其他小角字符):

    <script language="#" type="text/ecmascript"> 
    window.onload = function() 
    { 
    document.getElementById('txta1').onkeydown = function() 
    {    
        if(this.value.length >= 10) 
          event.returnValue = false; 
    } 
    } 
    </script> 


    它的原理是通过对keydown(键盘键位按下)事件对指定id号的文本区进行监测,可以想象,它只能限制键盘输入,如果用户通过鼠标右键粘贴剪切板中的文本,它无法控制字数。

     

    通过键盘输入,以上文本区只能输入10个字。但是,我们的目的并没有达到!请随便复制一些文本,试着用鼠标右键粘贴,看看发生了什么。

    你可以在网上找到类似上述的其他JS脚本,它们不管多么优秀,其原理都是一样的,通过对keydown、keyup或keypress之类的键盘键位操作事件来监控文本区的输入,无法防止鼠标右键的粘贴,为此,如果一定要真正地限制textarea的字数,我们还得为网页加另一把锁——禁用鼠标右键,这无疑得付出额外的开销,同时也可能是网页制作者不一定愿意做的。其实,还有一个更简单的方法,使用onpropertychange属性。

    onpropertychange可以用来判断预定元素的value值,当元素的value值发生变化时判断事件就会被触发,仅关心被监测元素的value值,避开了输入的来源,从而可以比较理想地达成我们的限制字数这一目的。它属于JS范畴,可以在表单方框区代表中嵌套使用,以下是代码和效果样式,可以像上面那样测试输入,你会发现它真正达到目的:不管用什么方式输入,它只能输入100个字(汉字或其他小解符号):

    代码:

    <textarea onpropertychange="if(value.length>100) value=value.substr(0,100)" class="smallArea" cols="60" name="txta" rows="8"></textarea>



    当然,为了更为保险,处理表单数据的后台脚本程序还应该对提交来的数据进行再一次的检测,如果字数超出预设的数量则进行相应处理,这样才达到真正限制字数的目的。(完)

     

     

    另外一种方法实现textarea限制输入字数(包含中文只能输入10个,全ASCII码能够输入20个)

    <script> 
    function check() { 
    var regC = /[^ -~]+/g; 
    var regE = /\D+/g; 
    var str = t1.value; 
    
    if (regC.test(str)){ 
        t1.value = t1.value.substr(0,10); 
    } 
    
    if(regE.test(str)){ 
        t1.value = t1.value.substr(0,20); 
    } 
    } 
    </script> 
    <textarea maxlength="10" id="t1" οnkeyup="check();"> 
    </textarea>


     

     

     

    还有一种方式:

    function textCounter(field, maxlimit) { 
    if (field.value.length > maxlimit){ 
    field.value = field.value.substring(0, maxlimit); 
    }else{ 
    document.upbook.remLen.value = maxlimit - field.value.length; 
    } 
    } 
    
    <textarea name=words cols=19 rows=5 class=input1 onPropertyChange= "textCounter(upbook.words, 50) "> textarea> 
    剩余字数: <input name=remLen type=text id= "remLen " style= "background-color: #D4D0C8; border: 0; color: red " value=50 size=3 maxlength=3 readonly>
    
     
    
     
    
    function LimitTextArea(field){ 
        maxlimit=200; 
        if (field.value.length > maxlimit) 
         field.value = field.value.substring(0, maxlimit); 
           
       }
    
    <textarea cols=50 rows=10 name="comment" id="commentarea" onKeyDown="LimitTextArea(this)" onKeyUp="LimitTextArea(this)" οnkeypress="LimitTextArea(this)" ></textarea>
    
     
    
    title="The textarea width must less than 300 characters." 放在textarea 里面提示输入最大字节数。


    例如:

    <textarea title="The textarea width must less than 300 characters." cols=50 rows=10 name="comment" id="commentarea" onKeyDown="LimitTextArea(this)" onKeyUp="LimitTextArea(this)" οnkeypress="LimitTextArea(this)" ></textarea>

    展开全文
  • 最近在做一个微信公众号的页面,其中有对textarea输入字数限制,而且需要兼容iOS和安卓手机, 下面直接贴代码: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <...
  • 限制输入字数,谷歌、火狐、IE10以上支持maxlength属性,IE9不支持,如果IE9想要限制输入字数,就只能用onpropertychange="if(value.length&gt;100) value=value.substr(0,100)"。所以为了支持这几个...

     

    限制输入字数,谷歌、火狐、IE10以上支持maxlength属性,IE9不支持,如果IE9想要限制输入字数,就只能用onpropertychange="if(value.length>100) value=value.substr(0,100)"。所以为了支持这几个浏览器,让textarea都能限制字数,我采用两个都写的方式。

    <textarea name="content" id="content" οnkeyup="cal();" maxlength="100" onpropertychange="if(value.length>100) value=value.substr(0,100)"></textarea>

    <div><span class="text_count">还能输入<span class="num_count" id="numCount">100</span>字</span></div>

    显示还能输入多少个字

    function cal(){

         var length = $("#content").val().length;

         if(length>100){

             $("#talkCount").text(length);  

             alert("字数请在100字以内.");

         }else{

             $("#numCount").text(200-length);  

         } 

     }

    展开全文
  • textarea称文本域,又称文本区,即有滚动条...通常的做法就是使用#脚本语言来实现对textarea文本域的字数输入限制,简单而实用。假设我们有一个id为 txta1 的textarea文本区,我们可以通过以下代码限制它的键盘输入...
  • textarea限制输入字数

    2015-12-21 14:45:14
    您还可输入300个字
  • 大家可能都遇到过在输入的时候做出限制的需求,本文介绍的是通过Angular.js限制textarea输入字数的方法,有需要的朋友们可以参考以下实例。 实例代码如下 <!DOCTYPE html> <html> <head> <meta ...
  • textarea 限制输入字数

    2017-05-18 14:20:26
    textarea限制输入的最大字数textarea 有一个属性max-length ,但它 并不兼容IE9,就需要用js做判断了。 一旦字数超过我们规定要输入的最大字数,就截取字符串。 if($scope.content.length>=20){ otherStr = $...
  • JS控制文本框textarea输入字数限制的方法,需要的朋友可以参考一下
  • //显示限制输入字符method function textAreaChange(obj){ var $this = $(obj); var count_total = $this.next().children('span').text(); var count_input = $this.next().children('em'); var area_...
  • jQuery textarea文本框输入文字字数限制提示代码,设置固定输入字符,实时计算显示已经输入多少字符。
  • textarea称文本域,又称文本区,其不能通过maxlength属性来限制字数,为此必须寻求其他方法来加以限制以达到预设的需求
  • 关于textarea限制字数的总结

    千次阅读 2021-08-04 10:33:00
    现在来说下怎么让大部分IE版本都支持textarea标签限制字数,同时允许以chorme为内核的浏览器也支持。 <textarea rows="5"maxlength="200"onchange="this.value=this.value.substring(0,200)"onkeydown="t...
  • angularjs实现textarea文本输入字数限制功能
  • textarea限制字数

    2020-09-09 15:22:54
    现在来说下怎么让大部分IE版本都支持textarea 标签限制字数,同时允许以chorme为内核的浏览器也支持。 <textarea rows="5" maxlength="80" onchange="this.value=this.value.substring(0, 80)" onkeydown="this....
  • NULL 博文链接:https://diaoweili.iteye.com/blog/774179

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 2,164
精华内容 865
关键字:

textarea限制输入字数