我使用 NobleCount 和以下代码计算字符数：
$('#message').NobleCount('#messageInfo',{
max_chars: getMaxChars(),
on_negative: function(t_obj, char_area, c_settings, char_rem){
}
});
{}[]\|^~€。function getSmsLength(v) { return v.replace(/([{}\[\]\\|\^~€])/g, "\\$1").replace(/\n/g, "--").length } - Andreas Louv首先，字符计数非常容易。您只需要在字符串上使用length属性即可。要计算所需的短信数量，您需要除以160并向上取整（因为161个字符需要2条短信）。您的代码应该是这样的：
HTML：
<textarea name="message" value="" id="message"></textarea>
<p>
<span id="remaining">160 characters remaining</span>
<span id="messages">1 message(s)</span>
</p>
jQuery：
$(document).ready(function(){
var $remaining = $('#remaining'),
$messages = $remaining.next();
$('#message').keyup(function(){
var chars = this.value.length,
messages = Math.ceil(chars / 160),
remaining = messages * 160 - (chars % (messages * 160) || messages * 160);
$remaining.text(remaining + ' characters remaining');
$messages.text(messages + ' message(s)');
});
});
if (chars == 0) { remaining = 160; messages = 1; } - Washburn这里有一个小插件，是我编写的第一个jQuery插件，我免费提供给你使用 ;) 你只需要使用以下代码来启动它：
Here is small plugin for you. It is my first jQuery plugin i give it for free ;) you just need to start it with:
$('#smsText').smsArea();
HTML：
<b id="smsCount"></b> SMS (<b id="smsLength"></b>) Characters left
<textarea id="smsText"></textarea>
JavaScript（更新于2014年8月18日）：
(function($){
$.fn.smsArea = function(options){
var
e = this,
cutStrLength = 0,
s = $.extend({
cut: true,
maxSmsNum: 3,
interval: 400,
counters: {
message: $('#smsCount'),
character: $('#smsLength')
},
lengths: {
ascii: [160, 306, 459],
unicode: [70, 134, 201]
}
}, options);
e.keyup(function(){
clearTimeout(this.timeout);
this.timeout = setTimeout(function(){
var
smsType,
smsLength = 0,
smsCount = -1,
charsLeft = 0,
text = e.val(),
isUnicode = false;
for(var charPos = 0; charPos < text.length; charPos++){
switch(text[charPos]){
case "\n":
case "[":
case "]":
case "\\":
case "^":
case "{":
case "}":
case "|":
case "€":
smsLength += 2;
break;
default:
smsLength += 1;
}
if(text.charCodeAt(charPos) > 127 && text[charPos] != "€") isUnicode = true;
}
if(isUnicode){
smsType = s.lengths.unicode;
}else{
smsType = s.lengths.ascii;
}
for(var sCount = 0; sCount < s.maxSmsNum; sCount++){
cutStrLength = smsType[sCount];
if(smsLength <= smsType[sCount]){
smsCount = sCount + 1;
charsLeft = smsType[sCount] - smsLength;
break
}
}
if(s.cut) e.val(text.substring(0, cutStrLength));
smsCount == -1 && (smsCount = s.maxSmsNum, charsLeft = 0);
s.counters.message.html(smsCount);
s.counters.character.html(charsLeft);
}, s.interval)
}).keyup()
}}(jQuery));
演示：http://jsfiddle.net/t32h0gj4/1/
注：这里有一些基本选项。
$('#smsText').smsArea({cut:false}); //Do not cut the SMS
$('#smsText').smsArea({maxSmsNum:2}); //2 SMS Max
一旦消息被解码，如Craig McQueen在这个帖子中所述，并且您拥有实际字符计数，为了计算所需的短信数量，只需要执行以下操作：
function cntsms(len){ return len<=0? 0: (len>160? Math.ceil(len/153): 1); }
我非常喜欢一行代码解决问题的方法。
//field: a text box that contains the SMS Text
//cntField: a text box that will contain the remaining count of characters for each part
//smsCntfield: a text box that will contain the count of parts
//lang: 0 for English, 2 for Arabic
//maxLimit: Maximum count of characters to limit the TextBox, (ex: for 5 SMS in Arabic 331, in English 762
function textCounter(field, cntfield, smsCntfield, lang, maxlimit) {
part1Count = 0;
part2Count = 0;
part3Count = 0;
part4Count = 0;
part5Count = 0;
if (lang == 2) {
// Arabic
part1Count = 70;
part2Count = 63;
part3Count = 66;
part4Count = 66;
part5Count = 66;
} else if (lang == 0) {
// English
part1Count = 160;
part2Count = 145;
part3Count = 152;
part4Count = 152;
part5Count = 152;
}
smsCount = 0;
smsCharCnt = 0;
smsTotalCount = 0;
if (field.value.length <= part1Count) {
smsCount = 1;
smsCharCnt = part1Count;
smsTotalCount = part1Count;
} else if (field.value.length <= (part1Count + part2Count)) {
smsCount = 2;
smsCharCnt = part2Count;
smsTotalCount = (part1Count+part2Count);
} else if (field.value.length <= (part1Count+part2Count+part3Count)) {
smsCount = 3;
smsCharCnt = part3Count;
smsTotalCount = (part1Count+part2Count+part3Count);
} else if (field.value.length <= (part1Count+part2Count+part3Count+part4Count)) {
smsCount = 4;
smsCharCnt = part4Count;
smsTotalCount = (part1Count+part2Count+part3Count+part4Count);
} else if (field.value.length <= (part1Count+part2Count+part3Count+part4Count+part5Count)) {
smsCount = 5;
smsCharCnt = part5Count;
smsTotalCount = (part1Count+part2Count+part3Count+part4Count+part5Count);
}
if (field.value.length > maxlimit) {
// if too long...trim it!
field.value = field.value.substring(0, maxlimit);
} else {
cntfield.value = smsTotalCount - field.value.length;
smsCntfield.value = smsCount;
}
}
示例使用：
<html:textarea cols="30" rows="5" property="textEn"
title="Text English"
onkeydown="textCounter(document.form.textEn,document.form.remLen2,document.form.smsCount2,0,762)"
onkeyup="textCounter(document.form.textEn,document.form.remLen2,document.form.smsCount2,0,762)" />
<br>
<input type="text" readonly="readonly" name="remLen2"
size="3" maxlength="3" value="160"
title="Char Count">
(
<input type="text" readonly="readonly" name="smsCount2"
size="1" maxlength="1" value="1"
title="SMS Parts' />">
)
根据这里的问题，我尝试编写更好的解决方案。参考了几个最佳答案。
Javascript
<script type="text/javascript" src="http://code.jquery.com/jquery.min.js"></script>
<script>
$(document).ready(function(){
part1Count = 160;
part2Count = 145;
part3Count = 152;
$('#message').keyup(function(){
var chars = $(this).val().length;
messages = 0;
remaining = 0;
total = 0;
if (chars <= part1Count) {
messages = 1;
remaining = part1Count - chars;
} else if (chars <= (part1Count + part2Count)) {
messages = 2;
remaining = part1Count + part2Count - chars;
} else if (chars > (part1Count + part2Count)) {
moreM = Math.ceil((chars - part1Count - part2Count) / part3Count) ;
remaining = part1Count + part2Count + (moreM * part3Count) - chars;
messages = 2 + moreM;
}
$('#remaining').text(remaining);
$('#messages').text(messages);
$('#total').text(chars);
if (remaining > 1) $('.cplural').show();
else $('.cplural').hide();
if (messages > 1) $('.mplural').show();
else $('.mplural').hide();
if (chars > 1) $('.tplural').show();
else $('.tplural').hide();
});
$('#message').keyup();
});
</script>
HTML
<textarea name="message" value="" id="message"></textarea>
<div>
<div><span id="remaining">160</span> Character<span class="cplural">s</span> Remaining</div>
<div>Total <span id="messages">1</span> Message<span class="mplural">s</span> <span id="total">0</span> Character<span class="tplural">s</span></div>
</div>
您可以在这里获取代码 http://www.mindrestingplace.com/2012/07/18/sms-character-counter/
希望这能解决您的问题。 谢谢
我更新了脚本（为了我的目的），也将主题包括在计数中。这是我想出来的：
$(document).ready(function(){
var $remaining = $('#remaining'),
$messages = $remaining.next();
$('#message').keyup(function(){
var chars = this.value.length + document.getElementById('subject').value.length,
messages = Math.ceil(chars / 160),
remaining = messages * 160 - (chars % (messages * 160) || messages * 160);
$remaining.text(remaining);
//$remaining.text(remaining + ' characters remaining');
//$messages.text(messages + ' message(s)');
});
$('#subject').keyup(function(){
var chars = this.value.length + document.getElementById('message').value.length,
messages = Math.ceil(chars / 160),
remaining = messages * 160 - (chars % (messages * 160) || messages * 160);
$remaining.text(remaining);
//$remaining.text(remaining + ' characters remaining');
//$messages.text(messages + ' message(s)');
});
});
我测试过了，它可以正常工作。我还稍微修改了一下HTML：
<p>
<span id="remaining">160</span> characters remaining
<!--<span id="messages">1 message(s)</span>-->
</p>
虽然已经晚了一点，但这是我目前正在整理的内容。
字符限制设置为459，以允许连接的消息（由我的服务提供商设置），每160个字符使用一个文本单位。请注意，由于消息头等原因，每个初始单元之后的单元都包含少于160个字符模板。我还没有得到来自供应商的确切细分。
该脚本的关键区别在于字符计数对非标准GSM字符敏感，它们的ascii值在包括的数组中指定。如果输入了非标准字符，则计数为2，否则为1。
$('#sms-message').keyup(function(){
var chars = $(this).val(),
arr_chars = chars.split(''),
remaining = $('#remaining'),
messages = $('#messages'),
count = 0;
$.each(arr_chars, function(i, l){
var ascii = l.charCodeAt(0),
ascii_val = parseInt(ascii),
//array of special chars
arr = [13, 47, 92, 123, 124, 125, 126, 128];
if($.inArray(ascii_val, arr) !== -1) { count = count + 2; }
else { count = count + 1; }
});
//inaccurate count, will have to be finetuned to provider specs
var units = Math.ceil(count / 160),
remaining_chars = 459 - count;
remaining.text(remaining_chars + ' characters remaining');
messages.text(units + ' text unit(s)');
if(remaining_chars < 0) {
$(remaining).css('color', 'red');
}
else {
$(remaining).css('color', 'black');
}
});
$(function() {
$('#message').keydown(function() {
var mychars = $('#message').val().length;
var mysms = Math.ceil(mychars / 160);
console.log (mysms);
console.log (mychars +'' + ' characters');
});
});