编程 Javascript

jquery限制输入字数,并提示剩余字数实现代码

Posted in Javascript onDecember 24, 2012

<!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>jquery限制输入字数,并提示剩余字数</title> 
<script type="text/javascript" src="jquery.js"></script> 
<script type="text/javascript"> 
function words_deal() 
{ 
var curLength=$("#TextArea1").val().length; 
if(curLength>5) 
{ 
var num=$("#TextArea1").val().substr(0,5); 
$("#TextArea1").val(num); 
alert("超过字数限制，多出的字将被截断！" ); 
} 
else 
{ 
$("#textCount").text(5-$("#TextArea1").val().length); 
} 
} 
</script> 
</head> 
<body> 
剩余<span id="textCount">5</span>个字<br /> 
<textarea name="textarea" id="TextArea1" cols="45" rows="5" onkeyup="words_deal();" ></textarea> 
</body> 
</html>

声明：登载此文出于传递更多信息之目的，并不意味着赞同其观点或证实其描述。

Javascript 相关文章推荐

JavaScript随机排序(随即出牌)

Sep 17 Javascript

使用jquery实现div的tab切换实例代码

May 27 Javascript

js加载之使用DOM方法动态加载Javascript文件

Nov 08 Javascript

在页面上用action传递参数到后台出现乱码的解决方法

Dec 31 Javascript

javascript实现倒计时跳转页面

Jan 17 Javascript

ES6学习笔记之正则表达式和字符串正则方法分析

Apr 25 Javascript

React diff算法的实现示例

Apr 20 Javascript

JS实现点击生成UUID的方法完整实例【基于jQuery】

Jun 12 jQuery

vue自定义表单生成器form-create使用详解

Jul 19 Javascript

8个有意思的JavaScript面试题

Jul 30 Javascript

node.js使用http模块创建服务器和客户端完整示例

Feb 10 Javascript

字节飞书面试promise.all实现示例

Jun 16 Javascript

网页加载时页面显示进度条加载完成之后显示网页内容

Dec 23 #Javascript

ajax中get和post的说明及使用与区别

Dec 23 #Javascript

javascript 全选与全取消功能的实现代码

Dec 23 #Javascript

javascript利用控件对windows的操作实现原理与应用

Dec 23 #Javascript

javascript小数四舍五入多种方法实现

Dec 23 #Javascript

javascript+xml实现简单图片轮换(只支持IE)

Dec 23 #Javascript

JavaScript与DOM组合动态创建表格实例

Dec 23 #Javascript

You might like

php程序效率优化的一些策略小结

2010/07/17 PHP

PHP提取字符串中的图片地址[正则表达式]

2011/11/12 PHP

php中url传递中文字符,特殊危险字符的解决方法

2013/08/17 PHP

php实现的用户查询类实例

2015/06/18 PHP

PHP生成随机字符串实例代码（字母+数字）

2019/09/11 PHP

laravel 解决强制跳转 https的问题

2019/10/22 PHP

Js callBack 返回前一页的js方法

2008/11/30 Javascript

异步加载script的代码

2011/01/12 Javascript

ajax java 实现自动完成功能

2012/12/19 Javascript

为什么要在引入的css或者js文件后面加参数的详细讲解

2013/05/03 Javascript

JavaScript中把数字转换为字符串的程序代码

2013/06/19 Javascript

Javascript Web Slider 焦点图示例源码

2013/10/10 Javascript

JS根据变量保存方法名并执行方法示例

2014/04/04 Javascript

javascript基于DOM实现权限选择实例分析

2015/05/14 Javascript

jQuery中 delegate使用的问题

2015/07/03 Javascript

JavaScript+html5 canvas绘制的小人效果

2016/01/27 Javascript

JavaScript BASE64算法实现(完美解决中文乱码)

2017/01/10 Javascript

JavaScript利用Date实现简单的倒计时实例

2017/01/12 Javascript

vuejs响应用户事件（如点击事件）

2017/03/14 Javascript

JavaScript创建对象的七种方式(推荐)

2017/06/26 Javascript

解决canvas画布使用fillRect()时高度出现双倍效果的问题

2017/08/03 Javascript

vue3.0 CLI - 2.4 - 新组件 Forms.vue 中学习表单

2018/09/14 Javascript

angular多语言配置详解

2019/05/16 Javascript

Vue.js组件使用props传递数据的方法

2019/10/19 Javascript

[02:09]DOTA2辉夜杯 EHOME夺冠举杯现场

2015/12/28 DOTA

[34:47]完美世界DOTA2联赛PWL S2 Magma vs LBZS 第一场 11.18

2020/11/18 DOTA

Python 查看文件的读写权限方法

2018/01/23 Python

python链接oracle数据库以及数据库的增删改查实例

2018/01/30 Python

Python warning警告出现的原因及忽略方法

2020/01/31 Python

Python 中的pygame安装与配置教程详解

2020/02/10 Python

Django {{ MEDIA_URL }}无法显示图片的解决方式

2020/04/07 Python

马来西亚最大的在线隐形眼镜商店：MrLens

2019/03/27 全球购物

电大自我鉴定范文

2013/10/01 职场文书

2015年保育员个人工作总结

2015/05/13 职场文书

2016年优秀党员教师先进事迹材料

2016/02/29 职场文书

Java 垃圾回收超详细讲解记忆集和卡表

2022/04/08 Java/Android