<%@ 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>
textarea输入字数控制
最新推荐文章于 2021-01-12 09:23:55 发布