首页>>表单>>jquery 计算输入的文字个数是否符合要求 不符合不能提交表单(2014-04-28)

jquery 计算输入的文字个数是否符合要求 不符合不能提交表单

 提示内容可以选择不同的位置，包括textarea上方或者下方，左右两侧均可，请看演示页面。

jquery 计算输入的文字个数是否符合要求 不符合不能提交表单
演示
下载
赞赏支持
立刻微信赞赏支持 关闭

 

XML/HTML Code
  1. <div class="content">  
  2.             <div class="demo">  
  3.                 <h1>Demo 1</h1>  
  4.                 <div id="demo1" class="jMax">  
  5.                 </div>  
  6.             </div>  
  7.             <div class="demo">  
  8.                 <h1>Demo 2</h1>  
  9.                 <div id="demo2" class="jMax">  
  10.                 </div>  
  11.             </div>  
  12.             <div class="demo">  
  13.                 <h1>Demo 3</h1>  
  14.                 <div id="demo3" class="jMax">  
  15.                 </div>  
  16.             </div>  
  17.             <div class="demo">  
  18.                 <h1>Demo 4</h1>  
  19.                 <div id="demo4" class="jMax">  
  20.                 </div>  
  21.             </div>  

 

JavaScript Code
  1. <script type="text/javascript">  
  2.         $(function() {  
  3.             $("#demo1").maxinput({  
  4.                 position    : 'topleft',  
  5.                 showtext    : true,  
  6.                 limit       : 130  
  7.             });  
  8.               
  9.             $("#demo2").maxinput({  
  10.                 position    : 'bottomleft',  
  11.                 limit       : 10  
  12.             });  
  13.               
  14.             $("#demo3").maxinput({  
  15.                 limit       : 20  
  16.             });  
  17.               
  18.             $("#demo4").maxinput({  
  19.                 limit       : 5,  
  20.                 showtext    : true,  
  21.                 message     : 'left'      
  22.             });  
  23.         });  
  24.         </script>  

 


原文地址:http://www.freejs.net/article_biaodan_327.html