jquery判斷字符輸入個數(shù)(數(shù)字英文長度記為1,中文記為2,超過長度自動截?。?/h1>
更新時間:2010年10月15日 18:30:07 作者:
jquery判斷字符輸入個數(shù)(數(shù)字英文長度記為1,中文記為2,超過長度自動截?。?
1. $('textarea#txtPrizeNote'); //表示textarea控件名稱
2. 'span' 顯示剩余字數(shù)的標簽
HTML:
復制代碼 代碼如下:
<div>
<textarea id="txtPrizeNote" runat="server" height="74px" width="480px" maxlength="10"
style="width: 480px; height: 74px; float: left"></textarea>
<span style="color: Red;">*</span><br />
剩余字數(shù):<span id="showmsg" style="color: red"></span>
</div>
復制代碼 代碼如下:
<script type="text/javascript">
//返回val的字節(jié)長度
function getByteLen(val) {
var len = 0;
for (var i = 0; i < val.length; i++) {
if (val[i].match(/[^\x00-\xff]/ig) != null) //全角
len += 2;
else
len += 1;
}
return len;
}
//返回val在規(guī)定字節(jié)長度max內(nèi)的值
function getByteVal(val, max) {
var returnValue = '';
var byteValLen = 0;
for (var i = 0; i < val.length; i++) {
if (val[i].match(/[^\x00-\xff]/ig) != null)
byteValLen += 2;
else
byteValLen += 1;
if (byteValLen > max)
break;
returnValue += val[i];
}
return returnValue;
}
$(function() {
var _area = $('textarea#txtPrizeNote');
var _info = _area.next();
var _max = _area.attr('maxlength');
var _val;
_area.bind('keyup change', function() { //綁定keyup和change事件
if (_info.find('span').size() < 1) {//避免每次彈起都會插入一條提示信息
_info.append(_max);
}
_val = $(this).val();
_cur = getByteLen(_val);
if (_cur == 0) {//當默認值長度為0時,可輸入數(shù)為默認maxlength值
_info.text(_max);
} else if (_cur < _max) {//當默認值小于限制數(shù)時,可輸入數(shù)為max-cur
_info.text(_max - _cur);
} else {//當默認值大于等于限制數(shù)時
_info.text(0);
$(this).val(getByteVal(_val,_max)); //截取指定字節(jié)長度內(nèi)的值
}
});
});
</script>
您可能感興趣的文章:- js統(tǒng)計錄入文本框中字符的個數(shù)并加以限制不超過多少
- js計算文本框輸入的字符數(shù)
- 限制文本框輸入N個字符的js代碼
- 如何用javascript計算文本框還能輸入多少個字符
- JS查找字符串中出現(xiàn)最多的字符及個數(shù)統(tǒng)計
- js監(jiān)聽鼠標事件控制textarea輸入字符串的個數(shù)
- JS限制Textarea文本域字符個數(shù)的具體實現(xiàn)
- JS實現(xiàn)統(tǒng)計字符串中字符出現(xiàn)個數(shù)及最大個數(shù)功能示例
- JS實現(xiàn)區(qū)分中英文并統(tǒng)計字符個數(shù)的方法示例
- JS與jQuery判斷文本框還剩多少字符可以輸入的方法
相關文章
-
用Jquery實現(xiàn)可編輯表格并用AJAX提交到服務器修改數(shù)據(jù)
使用Jquery實現(xiàn)可編輯的表格 并使用AJAX提交到服務器修改數(shù)據(jù)的實現(xiàn)代碼。 2009-12-12
-
JS拖動選擇table里的單元格完整實例【基于jQuery】
這篇文章主要介紹了JS拖動選擇table里的單元格,結(jié)合完整實例形式分析了基于jQuery的table表格動態(tài)操作相關實現(xiàn)技巧,涉及事件響應及頁面元素屬性動態(tài)操作使用方法,需要的朋友可以參考下 2019-05-05
-
JQuery實現(xiàn)網(wǎng)頁右側(cè)隨動廣告特效
本文給大家分享的是2則使用jquery實現(xiàn)網(wǎng)頁右側(cè)隨動廣告特效的代碼,非常的簡單實用,有需要的小伙伴可以參考下。 2016-01-01
-
jquery實現(xiàn)動態(tài)創(chuàng)建form并提交的方法示例
這篇文章主要介紹了jquery實現(xiàn)動態(tài)創(chuàng)建form并提交的方法,結(jié)合實例形式分析了jQuery form表單創(chuàng)建與提交相關操作技巧,需要的朋友可以參考下 2019-05-05
最新評論
2. 'span' 顯示剩余字數(shù)的標簽
HTML:
復制代碼 代碼如下:
<div>
<textarea id="txtPrizeNote" runat="server" height="74px" width="480px" maxlength="10"
style="width: 480px; height: 74px; float: left"></textarea>
<span style="color: Red;">*</span><br />
剩余字數(shù):<span id="showmsg" style="color: red"></span>
</div>
復制代碼 代碼如下:
<script type="text/javascript">
//返回val的字節(jié)長度
function getByteLen(val) {
var len = 0;
for (var i = 0; i < val.length; i++) {
if (val[i].match(/[^\x00-\xff]/ig) != null) //全角
len += 2;
else
len += 1;
}
return len;
}
//返回val在規(guī)定字節(jié)長度max內(nèi)的值
function getByteVal(val, max) {
var returnValue = '';
var byteValLen = 0;
for (var i = 0; i < val.length; i++) {
if (val[i].match(/[^\x00-\xff]/ig) != null)
byteValLen += 2;
else
byteValLen += 1;
if (byteValLen > max)
break;
returnValue += val[i];
}
return returnValue;
}
$(function() {
var _area = $('textarea#txtPrizeNote');
var _info = _area.next();
var _max = _area.attr('maxlength');
var _val;
_area.bind('keyup change', function() { //綁定keyup和change事件
if (_info.find('span').size() < 1) {//避免每次彈起都會插入一條提示信息
_info.append(_max);
}
_val = $(this).val();
_cur = getByteLen(_val);
if (_cur == 0) {//當默認值長度為0時,可輸入數(shù)為默認maxlength值
_info.text(_max);
} else if (_cur < _max) {//當默認值小于限制數(shù)時,可輸入數(shù)為max-cur
_info.text(_max - _cur);
} else {//當默認值大于等于限制數(shù)時
_info.text(0);
$(this).val(getByteVal(_val,_max)); //截取指定字節(jié)長度內(nèi)的值
}
});
});
</script>
您可能感興趣的文章:
- js統(tǒng)計錄入文本框中字符的個數(shù)并加以限制不超過多少
- js計算文本框輸入的字符數(shù)
- 限制文本框輸入N個字符的js代碼
- 如何用javascript計算文本框還能輸入多少個字符
- JS查找字符串中出現(xiàn)最多的字符及個數(shù)統(tǒng)計
- js監(jiān)聽鼠標事件控制textarea輸入字符串的個數(shù)
- JS限制Textarea文本域字符個數(shù)的具體實現(xiàn)
- JS實現(xiàn)統(tǒng)計字符串中字符出現(xiàn)個數(shù)及最大個數(shù)功能示例
- JS實現(xiàn)區(qū)分中英文并統(tǒng)計字符個數(shù)的方法示例
- JS與jQuery判斷文本框還剩多少字符可以輸入的方法
相關文章
用Jquery實現(xiàn)可編輯表格并用AJAX提交到服務器修改數(shù)據(jù)
使用Jquery實現(xiàn)可編輯的表格 并使用AJAX提交到服務器修改數(shù)據(jù)的實現(xiàn)代碼。2009-12-12JS拖動選擇table里的單元格完整實例【基于jQuery】
這篇文章主要介紹了JS拖動選擇table里的單元格,結(jié)合完整實例形式分析了基于jQuery的table表格動態(tài)操作相關實現(xiàn)技巧,涉及事件響應及頁面元素屬性動態(tài)操作使用方法,需要的朋友可以參考下2019-05-05JQuery實現(xiàn)網(wǎng)頁右側(cè)隨動廣告特效
本文給大家分享的是2則使用jquery實現(xiàn)網(wǎng)頁右側(cè)隨動廣告特效的代碼,非常的簡單實用,有需要的小伙伴可以參考下。2016-01-01jquery實現(xiàn)動態(tài)創(chuàng)建form并提交的方法示例
這篇文章主要介紹了jquery實現(xiàn)動態(tài)創(chuàng)建form并提交的方法,結(jié)合實例形式分析了jQuery form表單創(chuàng)建與提交相關操作技巧,需要的朋友可以參考下2019-05-05