Erlo

Javascript_input、textArea实时显示剩余可输入的字数

2018-08-03 09:53:01 发布   510 浏览  
页面报错/反馈
收藏 点赞
原文:http://www.php.cn/js-tutorial-407433.html

实时显示剩余可输入的字数 效果,字母,数字,中文都算一个

目录

  • 目录

  • 实时显示剩余可输入的字数

    • 效果

    • 代码

  • 快捷链接


实时显示剩余可输入的字数

效果

1.gif

代码

html部分

    [object Object]/

/

js部分

function keypress1(){
    var text1=document.getElementById("myText").value;
    var maxLen=document.getElementById("myText").maxLength;
    var len=maxLen-text1.length;
    document.getElementById("name").innerText=len;}
function keypress2(){
    var text1=document.getElementById("myArea").value;
    var maxLen=document.getElementById("myArea").cols*document.getElementById("myArea").rows;
    var len;//记录剩余字符串的长度
    if(text1.length>=maxLen)
    {
        document.getElementById("myArea").value=text1.substr(0,maxLen);//只显示起始位-末尾;substr(起始位,末尾)
        len=0;
    }else{
        len=maxLen-text1.length;
    }
    document.getElementById("pinglun").innerText=len;}

登录查看全部

参与评论

评论留言

还没有评论留言,赶紧来抢楼吧~~

手机查看

返回顶部

给这篇文章打个标签吧~

棒极了 糟糕透顶 好文章 PHP JAVA JS 小程序 Python SEO MySql 确认