文本框限制字数:
HTML结构:
![](https://images2018.cnblogs.com/blog/1439716/201809/1439716-20180913170132438-7085676.png)
JS:
1 $('.advert-title').each(function(){ 2 var TXTlength = $(this).text().length; // 当前文本的长度 3 if(TXTlength > 20){ 4 var limitTXT = ''; 5 limitTXT = $(this).text().substring(0,23)+'....'; 6 $(this).html(limitTXT) 7 } 8 })
输入框限制字数:
HTML结构
JS逻辑
/ 限制标题输入框的输入字数 $("#inputTitle").bind("input propertychange",function(event){ //监听输入内容 console.log($("#inputTitle").val()) //输出输入框的值 if($("#inputTitle").val().length>28){ var num = $("#inputTitle").val().substr(0,28) $("#inputTitle").val(num) alert('标题字数超过') } })