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>

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

  • 相关阅读:
    Java LinkList遍历方式
    Java LinkedList的实现原理
    ArrayList 原理(2)
    ArrayList 原理(1)
    Java中HashMap的实现原理
    Java HashMap两种遍历方式
    【转】Unity3d:读取FBX中的动画
    C#与U3D中字符串尾0
    U3D中的又一个坑
    MaxScript 学习笔记【有转载】
  • 原文地址:https://www.cnblogs.com/phpfensi/p/4333867.html
Copyright © 2011-2022 走看看