js 实时计算文本框字数限制

$.fn.myTarea = function(){    return this.each(function(){        $(this).bind(‘input propertychange‘, function() {            var id = $(this).attr("id");            var maxContent=200;            var strlen = 0; //初始定义长度为0            var txtval = $(‘#‘+id).val().trim();            for (var i = 0; i <txtval.length; i++) {                strlen +=1;            }            var leftSize = maxContent - strlen;            if(strlen>maxContent){                var udesc=txtval.substring(0,maxContent);                $("textarea").val(udesc);            }else{                $(‘#‘+id+‘Span‘).css("color","#999999");                $(‘#‘+id+‘Span‘).text("* "+strlen+"/"+leftSize+"");            }            // if(txtval.length>200)            // {            //            //     var content=$(this).val().substring(0,51);            //     $("textarea").val(content);            //            // }

        });    });

}

原文地址：https://www.cnblogs.com/wxc1/p/11037522.html

时间： 2024-11-16 04:48:13

js 实时计算文本框字数限制的相关文章

JS实时检测文本框内容长度

通过js代码实时监测,文本框内容的变化以及长度,下图是一个实际使用场景. HTML部分: <input id="Text1" type="text" onkeyup="TmaxLength(this)"/> <span id="Counter" style="color: red;">0</span> JS部分 //实时更新输入框文字长度 function TmaxLen

1.js 判断一个文本框是否获得焦点 // 可以用document.activeElement判断 // document.activeElement表示当前活动的元素 // 查找你要判断的文本框 var myInput = document.getElementById('myInput'); if (myInput == document.activeElement) { alert('获取焦点'); } else { alert('未获取焦点'); } 2.文本框获取焦点后

js数据显示在文本框中(页面加载显示和按钮触动显示)

web代码如下: <!DOCTYPE html> <html> <head> <title>jsTest02.html</title> <meta http-equiv="keywords" content="keyword1,keyword2,keyword3"> <meta http-equiv="description" content="this is

JS来推断文本框内容改变事件

oninput,onpropertychange,onchange的使用方法 onchange触发事件必须满足两个条件: a)当前对象属性改变,而且是由键盘或鼠标事件激发的(脚本触发无效) b)当前对象失去焦点(onblur): onpropertychange的话,仅仅要当前对象属性发生改变,都会触发事件,可是它是IE专属的: oninput是onpropertychange的非IE浏览器版本号,支持firefox和opera等浏览器,但有一点不同,它绑定于对象时,并不是该对象全部

通过js动态生成文本框，怎么把文本框中的值传到java后台?

通过js动态生成文本框,怎么把文本框中的值传到java后台? 1 var lengths; 2 function insertrow2() //增加的一行方法2 3 { 4 newRow=document.all.yltable.insertRow(-1); 5 lengths = document.all.yltable.rows.length; 6 7 newcell=newRow.insertCell() ; 8 newRow.bgColor='#FFFFFF'; 9 newcell.al

JS的Form文本框内的电子时钟

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <HTML> <HEAD> <TITLE>JS的Form文本框内的电子时钟丨石家庄玻璃隔断厂家</TITLE> </HEAD> <body bgcolor="#ffffff" onLoad="startclock();"> <scri

js获取input文本框内容问题

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title></head><body><td><input type="text" name="username" placeholder="请输入用户名&

js实现text文本框的数据实时刷新到另一个text文本框

<!DOCTYPE html><html><head> <meta charset="utf-8"> <title>demo01</title></head><body> <form> <h1>text文本框数据同步刷新</h1> <input type="text" onpropertychange="cop()&qu

js限制textarea文本框的文字个数

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