本文实例讲述了jQuery实现限制textarea文本框输入字符数量的方法。分享给大家供大家参考。具体实现方法如下： (function($) {$.fn.extend( {limiter: function(limit, elem) {$(this).on("keyup focus", function() {setCount(this, elem);});function setCount(src, elem) {var chars = src.value.length;if (chars > limit) {src.value = src.value.substr(0, limit);chars = limit;}elem.html( limit - chars );}setCount($(thi...
在玩微博的时候我们可能会注意到一个细节就是不管是新浪微博还是腾讯微博在转发和评论的时候给你的默认文本框的高度都不会很高，这可能是版面的限制和用户通常只转播或者评论一个短句有关。但是当你输入超过一行文字的时候，文本框的高度就自动撑高了，大大改善了体验，这样用户就可以看到全部的文字。不用再去拖动文本框的滚动条。 autoTextarea.js (function($){$.fn.autoTextarea = function(options) {var defaults={maxHeight...
本文实例讲述了jQuery实现在textarea指定位置插入字符或表情的方法。分享给大家供大家参考。具体实现方法如下： 1. 函数定义 代码如下:(function($){ $.fn.extend({ insertAtCaret: function(myValue){ var $t=$(this)[0]; if (document.selection) { this.focus(); sel = document.selection.createRange(); sel.text = myValue; ...
实现功能: 1/当textarea换行时自动增加一行高度 2/当textarea删除一行时 自动减少一行的高度 依赖:jquery.xxx.js 工作中需要使用类似功能但是觉得使用插件需要导入其他文件很不方便所以就写了一个 textarea jquery插件代码如下: <div class="form-group"> <label class="col-sm-3 control-label no-padding-right" for="form-field-5"> 内容</label> <div class="col-sm-9"> <textarea class="col-sm-8" id="form...
之前给大家分享过用Javascript控制文本框textarea高度随内容自适应增长收缩，今天花了点时间换了种实现方法，总结一下代码如下: jQuery.fn.extend({ autoHeight: function(){ return this.each(function(){ var $this = jQuery(this); if( !$this.attr(_initAdjustHeight) ){ $this.attr(_initAdjustHeight, $this.outerHeight()); ...
测试发现，textarea和select的jquery的clone方法有问题，textarea和select的值clone的时候会丢掉，发现这个是jquery的一个bug,上不了的可以看下代码，比较简单。就是在clone的时候将val再重新赋值一下，如果知道这个了，就简单了自己写。 引入到你要用的clone的页面就ok jquery.fix.clone.js (function (original) { jQuery.fn.clone = function () { var result = original.apply(this, arguments), my_textareas = this.find(tex...
代码如下： 代码如下:<%@ page language="java" contentType="text/html; charset=gbk" pageEncoding="gbk"%> <%@ include file="/pages/common/taglibs.jsp"%><!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><html><head><script type="text/javascript" src="jquery-1.4.js"></script> <script type="text/javascript"> $(document).ready(function(){ ...
代码如下:<div class="area"> <p> 还可以输入<b class="num">140</b>字</p> <textarea class="chackTextarea"></textarea> </div> <script type="text/javascript"> var txtobj = { divName: "area", //外层容器的class textareaName: "chackTextarea", //textarea的class numName: "num", //数字的class num: 140 //数字的最大数目 } var textareaFn = functio...
代码如下:$(function(){ var $comment = $('#comment'); //获取评论框 $('.bigger').click(function(){ //放大按钮绑定单击事件 if(!$comment.is(":animated")){ //判断是否处于动画 if( $comment.height() < 500 ){ $comment.animate({ height : "+=50" },400); //重新设置高度，在原有的基础上加50 } } }) $('.smaller').click(function(){//缩小按钮...
// 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") //发布按钮...
效果图如下 : 源代码如下 : 代码如下:<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...
可限制最大输入字符长度 可设置字符截取速度 可自定义提示信息文本样式(可以改进自定义文本内容) 该插件统计英文字符和中文的长度是一样的。 废话少说，这里直接奉上详细插件代码，具体实现细节已经在代码里面有注释： 代码如下:; (function ($) { $.fn.extend({ textAreaCount: function (options) { var $textArea = this; options = $.extend({ maxlength: 140, // 定义一个最大输入长度变量,初始化为500 speed: 15, // 定义删...
代码如下:/* input 和 textarea 最大文字限定插件 * 修改版, 一个中文表示1一个字, 一个英文半个字; * TextLimit - jQuery plugin for counting and limiting characters for input and textarea fields * * pass -1 as speed if you dont want the char-deletion effect. (dont just put 0) * Example: jQuery("Textarea").textlimit(span.counter,256) * * $Version: 2009.07.25 +r2 * Copyright (c) 2009 Yair Even-Or * vsync....