這是一款非常酷的jQuery實現的Bootstrap外掛程式,允許輸入使用者字元數.它可以讓你顯示字元使用者插入的最大長度。
1、引入jquery.js及bootstrap-maxlength.js
2、給頁面的input或textarea加上maxlength屬性
<input type="text" maxlength="10" id="name">3、配置選項
$(function(){$('#name').maxlength({alwaysShow: true});})代碼：
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"><html><head><title>bootstrapl.html</title><meta http-equiv="keywords" content="keyword1,keyword2,keyword3"><meta http-equiv="description" content="this is my page"><meta http-equiv="content-type" content="text/html; charset=UTF-8"><script type="text/javascript" src="js/jquery-1.8.0.min.js"></script><script type="text/javascript" src="js/bootstrap-maxlength.js"></script></head><body><div style="float: left">姓名：</div><div><input type="text" style="width:303px" maxlength="10" id="name"></div><div style="float: left">住址：</div><div><textarea name="textarea" id="address" maxlength=20 rows="5" cols="40"></textarea></div></body><script type="text/javascript">$(function(){$('#name').maxlength({ alwaysShow: true });$('#address').maxlength({ alwaysShow: true });})</script></html>效果
官網：http://mimo84.github.io/bootstrap-maxlength/
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
