代码如下:$(function(){ var $comment = $('#comment'); //获取评论框 $('.bigger').click(function(){ //放大按钮绑定单击事件 if(!$comment.is(":animated")){ //判断是否处于动画 if( $comment.height() < 500 ){ $comment.animate({ height : "+=50" },400); //重新设置高度,在原有的基础上加50 } } }) $('.smaller').click(function(){//缩小按钮...
检查表单是否符合规定的长度.最长允许n个字符(中文算2位)! 代码如下: function fucCheckLength(strTemp) { var i,sum; sum=0; for(i=0;i<strTemp.length;i++) { if ((strTemp.charCodeAt(i)>=0) && (strTemp.charCodeAt(i)<=255)) { sum=sum+1; }else { sum=sum+2; } } return sum; }使用: 代码如下:m=fucCheckLength(strTemp);if(m>10){ alert("长度大于10个字符!");}
=IE支持document.selection =Firefox,Chrome,Safari以及Opera都有selectionStart和selectionEnd属性 代码如下:function insertText(obj,str) { if (document.selection) { var sel = document.selection.createRange(); sel.text = str; } else if (typeof obj.selectionStart === number && typeof obj.selectionEnd === number) { var startPos = obj.selectionStart, endPos = obj.selectionEnd, cursorPos = startPos, tmpSt...
代码如下:<html> <head> <title>JS限制Textarea文本域字符个数</title> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <SCRIPT LANGUAGE="JavaScript"> <!--// function textCounter(field, countfield, maxlimit) { // 函数,3个参数,表单名字,表单域元素名,限制字符; if (field.value.length > maxlimit) //如果元素区字符数大于最大字符数,按照最大字符数...
// JQuery为textarea添加maxlength // textarea默认不支持maxlength属性。 // 通过JQuery的keyup事件: JQuery代码如下: 代码如下:<script type="text/javascript"> $(function(){ //IE也能用textarea $("textarea[maxlength]").keyup(function(){ var area=$(this); var max=parseInt(area.attr("maxlength"),10); //获取maxlength的值 if(max>0){ if(area.val().length>max){ //textarea的文本长度大于maxlength area.val(area...
完整示例:http://www.keleyi.com/keleyi/phtml/clearinput.htm 下面是源代码: 代码如下:<script type="text/javascript" src="http://www.keleyi.com/keleyi/pmedia/jquery-1.9.1.min.js"></script> <textarea id="keleyi_com" cols="30" rows="5">点击按钮后,这些文字将被清空。http:www.keleyi.com 柯乐义</textarea> <br /><input type="button" id="clear_keleyi_com" value="清空" /> <script type="text/javascript"> $(...
效果图如下: JQUERY 代码: 代码如下:var text=$(".release textarea").val();//获取输入框的值 var counter=text.length; //获取输入框的值 $("#numtj em").text(500-counter); $(document).keyup(function() { var text=$(".release textarea").val(); var counter=text.length; $("#numtj em").text(500-counter); if(counter>500){ //如果字数大于500 $(".public").addClass("public01").attr("disabled","true") //发布按钮...
当我们在页面上通过 textarea 提交数据的时候,我们我们输入的内容在提交后都会被处理为了一段内容,即使我们在 textarea 里面输入了很多的换行,提交后也是一段内容,那如果我们需要将我们输入的信息按照输入的形式保存下来该如何做呢? 这里面存在一个主要的问题是在页面显示的时候换行符是 <br /> 标签,而内容在 textarea 中显示时的换行符是 \n ,下面介绍一种方法通过 js 将输入的内容中的换行符转换为网页中的换行符。在网...
下面是代码: 代码如下:--------------------------------------------------------------------------------<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml" ><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>JS在文本域鼠标指定位置插入文本-柯乐义</title><script...
标准的DHTML文档中TEXTAREA的MAXLENGTH属性默认情况下不起作用,只有当事件发生时才起作用 如下:http://spiderscript.net/site/spiderscript/examples/ex_textarea_maxlength.asp 但TEXT中有且起作用<input type="text" maxlength="20">, 那么在TEXTAREA中怎么实现输入内容不能超过多少个字符呢。 方法1、如果只需要截取多少个字符的内容,则可以: 代码如下:<textarea onkeyup="this.value = this.value.slice(0, 80)"></textar...
现在流行的Twitter等微博客网站,有一个很好的用户体验,就是在文本框中输入文字的时候,会自动统计输入的字符,并显示用户还能输入的字符,在限制了140个字的微博客中,这样的小提示可以很好的增强用户体验。 如果实现这种技术呢,我进行了一些研究,发现实现其实挺简单,几行代码就能完成输入字符统计功能,经过实际测试,其对文字的统计与Twitter等微博客的完全相同。使用方法是,先增加一个span,用于显示剩余的字数,然后在Te...
在DOM里面操作textarea里面的字符,是比较麻烦的。 于是我有这个封装分享给大家,测试过IE6,8, firefox ,chrome, opera , safari。兼容没问题。 注意:在firefox下 添加字符串的时候有个bug 就是scrollTop 会等于0,当然解决了,但是不够完美。如果有高手也研究过,麻烦指点下。 代码如下:var TT = { /* * 获取光标位置 * @Method getCursorPosition * @param t element * @return number */ getCursorPosition: function(t){ if ...
但是textarea没有这个属性。 asp.net的服务端textbox这个属性也不起效,所以我们只有用js脚本来控制 好,废话不多说,先上代码 javascipt源码: 代码如下:function textCounter(field, maxlimit, lines) {//参数说明:field是textarea对象,maxlimit是最大允许长度,lines是行数 var arr = field.value.split("\n");//首先我们要为验证行数,通过分行符“\n” var perLine = ""; var value = ""; if (arr.length < lines) lines = a...
代码如下:<html> <body> <textarea id="t"></textarea> <input type="text" id="b2" /> <script type="text/javascript"> textAreaLimit("t",{lastMsgLabel:"b2"}) function textAreaLimit(area,op){ var defaultOp = { maxLength:10 //最大长度 , IsNumber:false //只能是数字 , lastMsgLabel:null //即时显示可输入个数的Input , msg:"还可以输入{0}个文字" , errorMsg:"文字个数超出最大限制" }; var label; if(typeof area == ...
效果图如下 : 源代码如下 : 代码如下:<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script> <script type="text/javascript"> $(function() { $("textarea").keyup(); }); function strLenCalc(obj, checklen, maxlen) { var v = obj.val(), charlen = 0, maxlen = !maxlen ? 200 : maxlen, curlen = maxlen, len = v.length; for(var i = 0; i < v.lengt...