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>

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

  • 相关阅读:
    天下没有不会这么回事!不会就学——北漂18年(28)
    Python Module_sys/random
    Python Module_sys/random
    redis 主从切换
    第一章 数据引用与匿名存储
    第12章 对象上
    zabbix 发送邮件配置
    第10章 包 名字空间,变量和函数
    perl 类 对象 方法
    perl数据结构输出 Data::Dumper
  • 原文地址:https://www.cnblogs.com/phpfensi/p/4333867.html
Copyright © 2011-2022 走看看