zoukankan      html  css  js  c++  java
  • js限制textarea文本框的文字个数

    现在发微博,那个文本框一般只能输入200字好像,再多就会自动删除,要么是提示字数受限,用Js就可实现本功能。今天带来的这个Js限制表单文本 框文字数量的例子,相信有此方面需要的是个不错的参考。为了便于使用,这里把代码拆分为HTML表单部分和JavaScript代码部分:

    HTML表单部分,代码如下:

    <form name=myform action="">
    <textarea name="message" wrap="physical" cols="28" rows="4" onKeyDown="textCounter(this.form.message,this.form.remLen,125);" onKeyUp="textCounter(this.form.message,this.form.remLen,125);"></textarea>
    <br>
    您还可以输入<input readonly type="text" name="remLen" size="4" maxlength="3" value="125">个字符</div>
    </form>

    JavaScript代码部分:

    <SCRIPT LANGUAGE="JavaScript">
    function textCounter(field, countfield, maxlimit) {
    // 定义函数,传入3个参数,分别为表单的名字,表单域元素名,字符限制
    if (field.value.length > maxlimit)
    //如果元素区字符数大于最大字符数,按照最大字符数截断
    field.value = field.value.substring(0, maxlimit);
    else
    //在表单页文本框内显示可输入的剩余字符数
    countfield.value = maxlimit - field.value.length;
    }
    </SCRIPT>

    注:两段代码可复制到同一页面中。

  • 相关阅读:
    Android Fragment和FragmentActivity区别和用法
    百度地图
    test
    Activity的跳转与传值
    判断Android应用是否安装、运行
    爬取当当网 Top 500 本五星好评书籍
    TED-WordCloud: 4000+视频标题词云分析
    记第一个爬虫
    requests-html简介
    用requests-html爬取7000+PDF
  • 原文地址:https://www.cnblogs.com/phpfensi/p/4333867.html
Copyright © 2011-2022 走看看