限制文本域中字符输入个数

<script type="text/javascript">
    $(function(){
        jQuery.fn.maxLength=function(max){
            return this.each(function(){
                var type=this.tagName.toLowerCase();
                var inputType=this.type?this.type.toLowerCase:null;
                if(type==‘input‘&&inputType=="text"||inputType=="password"){
                    this.maxLength=max;
                }else if (type=="textarea") {
                    this.onkeypress=function(e){
                        var obj=e||event;
                        var keyCode=obj.keyCode;
                        this.onkeyup=function(){
                            if (this.value.length>max) {
                                this.value=this.value.substring(0,max);
                            }
                        }
                    }
                }
            })
        };
        $("#btn").click(function(){
            var vMaxLen=$("input#txt").val();
            var iMaxLen=parseInt(vMaxLen);
            $("#txtarea").maxLength(iMaxLen);
            $("#log").html($("#log").html()+"<p>"+"最大字符个数设定为:"+vMaxLen+"个"+"</p>");
        });
    });
</script>
</head>
<body>
    <p>
        <b>最大输入字符个数</b>
        <input type="text" id="txt" style="width: 32px;" value="10"/>
    </p>
    <p>
        <input type="button" id="btn" value="限制文本域中字符的个数"/>
    </p>
    <div>
        <textarea rows="" cols="" id="txtarea" name="maxLenTextarrea"></textarea>
    </div>
    <div id="log">
        <p>日志记录:</p>
    </div>
时间: 2024-12-13 11:34:31

限制文本域中字符输入个数的相关文章

怎样计算textare文本域的文字个数限制

GUI编程笔记07:GUI把文本框的值移到文本域案例

1.首先我们了解一下我们的需求,如下: 输入“风清扬”,点击“数据转移”,这样的文本会出现到下面的文本域中,这就是我们的需求. 2.代码如下: package cn.itcast_05; import java.awt.Button; import java.awt.FlowLayout; import java.awt.Frame; import java.awt.TextArea; import java.awt.TextField; import java.awt.event.Action

js自动过滤替换页面文本框和文本域内容中的特殊字符并进行提示

在开发java web页面时需要校验用户的输入内容是否合法,在进行校验时我们可以单独把校验特殊字符这块抽取出来,只需要在每个页面引用下该js即可实现校验不需要再页面设置其他东西,js会自动捕捉页面文本框和文本域,同时也方便了以后代码的复用. 代码如下: var tagname=''; var attrid=''; var tagvalue=''; document.oninput = function(e){ var o = e.srcElement || e.target; getValue(

HTML中&lt;input&gt;参数,以及文本输入框,文本域的讲解

<form> <input type="text/password" name="名称" value="文本" /> </form> 1.type:    当type="text"时,输入框为文本输入框;    当type="password"时, 输入框为密码输入框. 2.name:为文本框命名,以备后台程序ASP .PHP使用. 3.value:为文本输入框设置默认值

Bootstrap系列 -- 16. 文本域textarea

文本域和原始使用方法一样,设置rows可定义其高度,设置cols可以设置其宽度.但如果textarea元素中添加了类名“form-control”类名,则无需设置cols属性.因为Bootstrap框架中的“form-control”样式的表单控件宽度为100%或auto. <form role="form"> <div class="form-group"> <textarea class="form-control&quo

JS-007-富文本域操作

在日常 web 编写过程中,富文本域几乎成为了一个网站不可页面元素,同时,其也有着各种各样的实现方式,网络上也存在着各种各样的集成插件可供引用.此文以 js 获取.修改 163 邮箱写邮件时的邮件内容为例,演示 js 操作富文本域的方法.其他各种富文本域内容的修改可参考此文进行编写,感兴趣的小主们,可以尝试一下当前流行的各种富文本域插件. 首先简单演示一下 163 写邮件时,收件人的获取.修改,其页面源码如下所示: 以下为相应元素获取.修改的 js 演示: 以下为 js 获取富文本域内容演示:

文本域的宽度和高度应该用cols和rows来控制,还是 用width和height来控制

文本域宽度如果用cols来控制,缩放网页的时候文本域的宽度不会自动变化 用width来表示就会跟着网页缩放而缩放 看到下面一段文字: 对于内容至上的网页,在禁用CSS的情况下,HTML内容要做到易于阅读. 如果textarea没有cols和rows,在禁用CSS的情况下,textarea变的很小,用户无法输入很多文字,不符合textarea的语义——用来输入大段的文字. 所以,在XHTML 1.0 Transitional中,textarea必须有cols和rows属性,可以和css同时使用.

textarea文本域宽度和高度(width、height)自己主动适应变化处理

文章来源:http://www.cnblogs.com/jice/archive/2011/08/07/2130069.html <HTML> <HEAD> <TITLE>textarea宽度.高度自己主动适应处理方法</TITLE> <!-- 控制宽度的自己主动适应 --> <style type="text/css"> .comments { width:100%;/*自己主动适应父布局宽度*/ overflo

javascript 获取光标所选中的内容并插入到另一个文本框中(兼容ie和ff)

项目中正好用到 做下笔记方便以后查找 ie获取光标的位置使用document.selection.createRange() 火狐下使用document.getElementById(id).selectionStart 和 document.getElementById(id).selectionEnd 假设我们要获得id为txt的Textarea元素里面光标所选择的内容 首先创建一个获得光标所选内容的函数(参数:火狐下需要Dom元素 select_field=document.getElem