JQuery 表单中textarea字数限制实现代码
$('#FashionStatement').val('');
var limitNum = 1000;
var pattern = '还可以输入' + limitNum + '字';
$('#statementRowChk').html(pattern);
$('#FashionStatement').keyup(
function() {
var remain = $(this).val().length;
if (remain > 1000) {
pattern = $('字数超过限制,请适当删除部分内容');
}
else {
var result = limitNum - remain;
pattern = '还可以输入' + result + '字';
}
$('#statementRowChk').html(pattern);
}
);
这程序一看就明白,就不解释了。
相关推荐
-
javascript textarea字数限制
这一个是读取textarea的maxlength属性的值,进行计算,思路很好,但修改起来就麻烦啊,不过对于js爱好者来说是个不错的参考,通过读取属性值进行控制. textarea字数限制 练习代码多有参考网络 by ahuinan var TextUtil = new Object(); TextUtil.NotMax = function(oTextArea){ var maxText = oTextArea.getAttribute("maxlength"); if(oTextAr
-
jQuery编写textarea输入字数限制代码
本文实例为大家分享了jQuery textarea输入字数限制的具体代码,供大家参考,具体内容如下 //先判断浏览器是不是万恶的IE var bind_name = 'input';//默认事件 if (navigator.userAgent.indexOf("MSIE") != -1) { bind_name = 'propertychange';//不要脸IE独享的事件 } var maxlength = 10;//限定输入字数 $('#Comment').bind(bind_na
-
基于jquery的inputlimiter 实现字数限制功能
看下效果图: 源代码: 复制代码 代码如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en&qu
-
jQuery maxlength文本字数限制插件
实现这个效果有很多方法,这里就介绍一种jQuery插件maxlength,它的使用非常简单,让我们先看看演示: jquery maxlength演示地址演示代码打包下载看看Demo中的重点代码: 1.载入maxlength.js <script type="text/javascript" src="maxlength.js"></script> 2.加入函数,Demo中有3个例子,你可以根据实际需要选择不同的函数,不过最后一个例子对于中文而
-
文本框的字数限制功能jquery插件
后来在网上闲逛的时候突然发现一个比较好的文本框的字数限制的jquery plugin,简单好用效果如下图 复制代码 代码如下: <!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
-
JS控制文本框textarea输入字数限制的方法
复制代码 代码如下: <html> <head> <title>JS限制Textarea文本域字符个数</title> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <SCRIPT LANGUAGE="JavaScript"> <!--
-
JQuery 表单中textarea字数限制实现代码
复制代码 代码如下: $('#FashionStatement').val(''); var limitNum = 1000; var pattern = '还可以输入' + limitNum + '字'; $('#statementRowChk').html(pattern); $('#FashionStatement').keyup( function() { var remain = $(this).val().length; if (remain > 1000) { pattern =
-
新浪微博字数统计 textarea字数统计实现代码
复制代码 代码如下: /* * 从新浪微博上抄的 * */ var getLength = (function(){ var trim = function(h) { try { return h.replace(/^\s+|\s+$/g, "") } catch(j) { return h } } var byteLength = function(b) { if (typeof b == "undefined") { return 0 } var a = b.m
-
jQuery表单元素选择器代码实例
本文实例为大家分享了jQuery表单元素选择器的具体代码,供大家参考,具体内容如下 <!DOCTYPE html> <html> <head> <meta http-equiv="Content-type" content="text/html; charset=utf-8" /> <title></title> <link rel="stylesheet" href=
-
jquery实现表单获取短信验证码代码
效果图: 代码如下: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>jquery表单获取短信验证码代码</title> <script src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script&g
-
formStorage 基于jquery的一个插件(存储表单中元素的状态到本地)
原理很简单,通过本地存储机制(userData或者localStorage),存储表单中元素的状态到本地. 需要时可以把所存储的状态还原到表单元素上. 其中也用了json数据格式, 之前想对插件中所需的功能,从零开始写,但是觉得太冗余,没必要.就基于另外2个plugin现实. 分别是:jquery.json 和 jStorage. 这两个插件本身实用小巧, api简单易用, 其中jStorage在老一点的浏览器(不支持原生JSON操作)中需要用到jquery.json或者json2 formSt
-
jQuery中clone()函数实现表单中增加和减少输入项
之前一直没有深入了解到clone()函数的方法,所以对应表单中增加和减少输入项一直使用如: var copy_html=$(选择器).html(); alert(copy_html); 问题在于得出的copy_html直接是HTML内容代码,未经过object封装,而使用: var copy_html=$(选择器).clone(); alert(copy_html); 得出未object对象类型,若$(选择器)包含了某个触发,如 onclick,如果想copy_html继续沿用onclick方法
-
PHP用正则匹配form表单中所有元素的类型和属性值实例代码
前言 最近工作中遇到一个需求,需要在正则匹配页面中,所有可能存在的 form 表单的元素,可能有 input,action,select,textarea等等所有可能的元素,本文给出一个代码示例.感兴趣的朋友们可以参考学习. 实例代码如下 假设页面 1.html 的网页源代码是: <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title>一个含有 form 表单
-
如何使用Jquery获取Form表单中被选中的radio值
Jquery提供的选择器极大的方便了开发人员对Dom的操作,真正实现了代码简化,却功能强大的目标.下面就日常最常用的,在Form表单中如何获取被中选的Radio值做一小小的示例. form表单如下: 复制代码 代码如下: <form name='form1' action="#" method="post"> 此处略去200字 <input type="radio" name="opType" value=&
-
jQuery 表单验证扩展代码(二)
一. 存在的问题 在上篇中我已经提到过,验证提示打算用文本和样式两种方式来显示提示消息,这两种提示都只能单独使用,于是新的跟新内容做了一些扩展,使得两者可以共用.前一篇写的是否必填项这个验证只是正对 Text, TextArea 这两个表单元素,在新的扩展中同时也支持了radio,checkbox 两个元素. 二. 验证参数的设计 基于多重选择的考虑,扩展了一些有必要的参数,参数列表如下: required: 是否为必填项,true 和 false ,true 表示为必填项 (*) onFocu
随机推荐
- VBS教程:VBscript语句-If...Then...Else 语句
- jQuery拖拽通过八个点改变div大小
- java显示当前的系统时间
- IOS 关键字const 、static、extern详解
- asp.net 简单单点登录技术分析
- asp.net基于session实现购物车的方法
- PHP伪静态Rewrite设置之APACHE篇
- struts2 session 解读
- jsp中page指令用法详解
- DOM和XMLHttpRequest对象的属性和方法整理
- SQLSERVER启动不起来(错误9003)的解决方法分享
- C++链表倒序实现方法
- 手把手教你使用DedeCms的采集的图文教程
- error LNK2019: 无法解析的外部符号 问题的解决办法
- Node解决简单重复问题系列之Excel内容的获取
- python将字典内容存入mysql实例代码
- java开发之spring webflow实现上传单个文件及多个文件功能实例
- 小程序图片剪裁加旋转的示例代码
- 解决docker pull被复位出现的问题
- C#中#define后面只加一个参数的解释