jquery 实时计算用户输入的字数

最新推荐文章于 2022-04-07 15:02:44 发布
最新推荐文章于 2022-04-07 15:02:44 发布
阅读量7.4k 收藏
点赞数
文章标签： jquery
<!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="jquery1-6-1.js"></script>
<script>
$(document).ready(function(){

     $("#content").keyup(function(){
               var length = 100;
               var content_len = $("#content").val().length;
               var in_len = length-content_len;
             
               // 当用户输入的字数大于制定的数时，让提交按钮失效
               // 小于制定的字数，就可以提交
               if(in_len >=0){
                     $("#result").html('您还可以输入'+in_len+'字');
                     $("#btn").attr("disabled",false);
                     // 可以继续执行其他操作
               }else{
                     $("#result").html('您还可以输入'+in_len+'字');
                     $("#btn").attr("disabled",true);
                     return false;
               }
             
       });
     });
 
</script>
</head>

<body>
<div id="result">您还可以输入100字</div>
<textarea name="content" id="content" cols="80" rows="5"></textarea><br />
<input type="button" name="btn" value="提交" id="btn" />
</body>
</html>
运行效果，正常时，可以提交
jquery <wbr>实时计算用户输入的字数

当超过制定的值时，提交按钮失效
jquery <wbr>实时计算用户输入的字数
攻城狮Luke（刘健彬）
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
jQuery实时计算用户输入字数特效代码
03-20
jQuery实时计算用户输入字数代码是一款当用户在输入框里面打字的时候自动计算字数，显示剩余可输入多少字数。
jquery实现对文本框输入值的自动计算
暗生琴愫的博客
09-16 1228
jquery实现对文本框输入值的自动计算 一、方法 1、使用 bind 方法   语法：$(selector).bind(event,data,function)   data可不写 2、propertychange表示监听input的值 二、示例 代码如下（示例）： $('#attendance, #countStudent').bind('input propertychange',function () { var attendance = $('#attendance').val();
jquery,input框实时数据获取及完全改变后获取
wust_star的专栏
12-01 5533
input框完全改变后获取，可以用change事件； input框实时数据获取，可在获取焦点后，绑定keyup函数； select框选定元素的获取及改变后值的获取，在下面的例子中也有体现。 $(document).ready(function(){ //get the map 时租 /* var up_city0 = $("#up_city_0 option:selected").ht
jquery input输入框实时获取乘法运算的结果并保留两位小数
weixin_47101074的博客
12-02 934
<input id="input1"> × <input id="input2"> <button>=</button> <input id="input3"> $(function () { $("#input2").on('input', function () { var a = $("#input1").val(); var b = $("#input2").val(); var sum = a * b;
jQuery：监听文本框数字变化实时计算价格，如：贷款=成交价-首付，贷款会随着成交价、首付任何一个值的变化而实时变化
weixin_44558497的博客
01-18 592
jQuery、zepto：监听文本框数字变化实时计算价格，如：贷款=成交价-首付，贷款会随着成交价、首付任何一个值的变化而实时变化 效果图： 1、html代码： （样式请自行调整） 代码复制区：//type=&quot;number&quot;起到限制文本框输入其他字符，只能输入数字。 成交价：&amp;lt;input type=&quot;number&quot; placeholder=&quot;请填写&quot; id=&a
在jq中textarea用val()与text()取回车换行值得差异
二次猿的博客
01-04 1万+
JQuery TextArea的取值与赋值问题 首先，说明这不是一个简单的问题！ 先说取值： (“#textarea”).text();读取，最近测试时候发现在firefox中读取不出textArea的值,IE正常  于是修改为：(“#textarea”).text();读取，最近测试时候发现在firefox中读取不出textArea的值,IE正常 于是修改为： (
使用js实时统计text、textarea等输入框的字数，并进行字数限制
路遥
04-07 3745
使用js实施统计输入框的字数： HTML代码： <div class="content"> <textarea class="new-content" name="newcontent" id="new-content" placeholder=" 章节内容请输入5000字以内" onkeyup="countContent(this)" maxlength="5
Jquery计算输入文字个数（类似微博）
只要开心就好
11-26 2225
最近在做一个电商站，里面有社交功能。其中有发表说说的功能，要限制字数。当然就需要用JS来实时计算咯，这个功能在以前某个项目做过，但是一时找不到了，又重做一遍，未免这事以后继续发生，做个总结，以待后用。       话不多说，直接附源码。首先是html代码（这里是测试用html，直接用style写了点样式）。 我的说说 您还可以输入140个字       下面就是JS代码了。 $(f
利用js实现input输入数据后自动进行计算，实时显示数据
热门推荐
光头强的博客
07-08 3万+
&lt;html&gt;     &lt;head&gt;     &lt;meta http-equiv="Content-Type" content="text/html; charset=utf-8" /&gt;          &lt;title&gt;无标题&lt;/title&gt;         &lt;script type="text/javasc
使用JQ实现统计剩余字数
qq_36190858的博客
05-14 754
使用JQ实现统计剩余字数  JQ实现统计文本框剩余字数  效果图：    代码如下，复制即可使用： &lt;html lang="en"&gt; &lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;title&gt;使用JQ实现统计剩余字数&lt;/title&gt; &amp
jQuery实现实时输入字数统计
01-15
实现实时输入字数统计，jQuery技术实现，可以在输入的同时根据自己设定的字数进行增减
jQuery实时计算用户输入字数代码.zip
07-04
jQuery实时计算用户输入字数代码是一款当用户在输入框里面打字的时候自动计算字数，显示剩余可输入多少字数。
实时计算用户输入字数
06-01
实时计算用户输入字数
jQuery实时计算并提示用户输入字数功能源码.zip
11-18
jQuery实时计算并提示用户输入字数功能源码.zip
springboot(酒店管理系统)
04-25
开发语言：Java JDK版本：JDK1.8（或11） 服务器：tomcat 数据库：mysql 5.6/5.7（或8.0） 数据库工具：Navicat 开发软件：idea 依赖管理包：Maven 代码+数据库保证完整可用，可提供远程调试并指导运行服务（额外付费）～ 如果对系统的中的某些部分感到不合适可提供修改服务，比如题目、界面、功能等等... 声明： 1.项目已经调试过，完美运行 2.需要远程帮忙部署项目，需要额外付费 3.本项目有演示视频，如果需要观看，请联系我 4.调试过程中可帮忙安装IDEA，eclipse，MySQL，JDK，Tomcat等软件 重点： 需要其他Java源码联系我，更多源码任你选，你想要的源码我都有！ 需要加v19306446185
BP神经网络matlab实例.doc
最新发布
04-25
数学模型算法
设计.zip
04-25
设计.zip
基于 Spring Cloud 组件构建的分布式服务架构
04-25
Java SSM项目是一种使用Java语言和SSM框架（Spring + Spring MVC + MyBatis）开发的Web应用程序。SSM是一种常用的Java开发框架组合，它结合了Spring框架、Spring MVC框架和MyBatis框架的优点，能够快速构建可靠、高效的企业级应用。 1. Spring框架：Spring是一个轻量级的Java开发框架，提供了丰富的功能和模块，用于开发企业级应用。它包括IoC（Inverse of Control，控制反转）容器、AOP（Aspect-Oriented Programming，面向切面编程）等特性，可以简化开发过程、提高代码的可维护性和可测试性。 2. Spring MVC框架：Spring MVC是基于Spring框架的Web框架，用于开发Web应用程序。它采用MVC（Model-View-Controller，模型-视图-控制器）的架构模式，将应用程序分为模型层、视图层和控制器层，提供了处理请求、渲染视图和管理流程的功能。 3. MyBatis框架：MyBatis是一个持久层框架，用于与数据库进行交互。它提供了一种将数据库操作与Java对象映射起来的方式，避免了手动编写繁琐的SQL语句，并提供了事务管理和缓存等功能，简化了数据库访问的过程
【微信小程序毕业设计】书店系统开发项目(源码+演示视频+说明).rar
04-25
【微信小程序毕业设计】书店系统开发项目(源码+演示视频+说明).rar 【项目技术】 微信小程序开发工具+java后端+mysql 【演示视频-编号：246】 https://pan.quark.cn/s/cb634e7c02b5 【实现功能】 用户信息管理，图书信息管理，图书类型管理，图书留言管理，论坛信息管理等
Jquery 限制文本框输入字数
06-09
您可以使用 jQuery 的 keyup 和 keydown 事件来限制文本框输入的字数。下面是一个简单的示例代码： ```html <!DOCTYPE html> 限制文本框输入字数 <script src="https://code.jquery....

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 2
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值