textarea输入字数控制

最新推荐文章于 2021-01-12 09:23:55 发布

TaylorDublin

最新推荐文章于 2021-01-12 09:23:55 发布

阅读量699

点赞数

分类专栏： Java Web 文章标签： function class html action import java

本文链接：https://blog.csdn.net/bucklly/article/details/8071837

版权

Java Web 专栏收录该内容

5 篇文章 0 订阅

订阅专栏

<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <title>Check the content length.</title>
    <script type="text/javascript" src="js/jquery-1.8.1.min.js"></script>
    <script type="text/javascript">
	    $(document).ready(function(){
			var text=$("#myform textarea").val();
			var content=text.length;
			$("#msg var").text(100-content);
			$(document).keyup(function() {
				var text=$("#myform textarea").val();
				var content=text.length;
				$("#msg var").text(100-content);
			});
		});
    </script>
    <style type="text/css">
    	.check{font-weight: bold; font-size: 16px;}
    	#msg{color: gray;}
    </style>
  </head>
  
  <body>
	<div id="myform" style="font-size: 12px;">
	   <form action="" method="post" class="form">
	   		<p id="msg">你还可以输入<var class="check"></var>个字符</p>
			<textarea name="" cols="" rows="" maxlength="100" style="height:60px; width:400px"></textarea>
	   </form>
	</div>
  </body>
</html>

TaylorDublin

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
textarea输入字数控制

Check the content length. $(document).ready(function(){ var text=$("#myform textarea").val(); var content=text.length; $("#msg var").text(100-content); $(document).keyup(fun
复制链接

扫一扫