jQuery 高级表单之 ---- jQuery实现简单限制文本输入框的输入字数

来源：互联网发布：mac os google chrome 编辑：程序博客网时间：2024/05/29 08:58

HTML 文件(包含js文件，请将jQuery.js文件改为自己的路径)

<!DOCTYPE html> <html> <head> <title> 限制文本框的输入字数 </title> <meta charset="utf-8"> <script type="text/javascript" src="../jQuery Test/jquery.js"></script> <script type="text/javascript"> //允许输入的最大字数 var maxNum = 100; $(document).ready(function(){

//为输入框添加事件     $('#status').bind({        keypress : function(){          var inputText = $(this).val();          var numChar = inputText.length;          var charRemain = maxNum - numChar ;          //修改剩余字数          if( maxNum >= numChar ){            $('#text').text( charRemain );          }        }    });  });</script>

</head>

<body>

<textarea cols="50" rows="5" id="status"></textarea><div id="counter">    剩余输入字数:    <p id='text'> </p></div>

</body> </html>

0 0

jQuery 高级表单之 ---- jQuery实现简单限制文本输入框的输入字数

HTML 文件(包含js文件， 请将jQuery.js文件改为自己的路径)

HTML 文件(包含js文件，请将jQuery.js文件改为自己的路径)