限制表单Input的长度,当达到一定长度时不能再输入
2014-06-13 19:24
309 查看
html代码:
<div class="news-edit">
<label for="" class="edit-titlelabel">标题</label>
<span class="news-inputbox"><input type="text" placeholder="请输入文本" id="title" onkeydown="check_input('title','remLen',36);" onkeyup="check_input('title','remLen',36);"/></span>
<span class="wordnum-limit"><span id="remLen">0/18</span></span>
</div>
js代码:
//该函数用于输出框,当输入值大于指定的最大值的时候,返回当长度等于Max的值
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;
}
//该函数用户计算输入框中 的输入值的长度,其中中文为2,英文为1,数字为1
function countCharacters(str){
var totalCount = 0;
//alert("ss");
for(var i=0; i<str.length; i++){
var c = str.charCodeAt(i);
if ((c >= 0x0001 && c <= 0x007e) || (0xff60<=c && c<=0xff9f)){
totalCount++;
}else{
totalCount+=2;
}
}
return totalCount;
}
//该函数用于检验输入值,在该函数中调用了以上两个函数
function check_input(id,remId,max){
var send_wb_count=max;
//var txt = id.value;
var txt=document.getElementById(id).value;
//alert(txt);
var wb_count = countCharacters(txt);
//var info=id.next();
if(wb_count > send_wb_count){
//$('#send_weibo').val(txt.substring(0,130));
//id.val(getByteVal(txt,max));
$("#"+id).val(getByteVal(txt,max));
//alert(id.val(getByteVal(txt,max)));
$("#"+remId).html("长度超过"+send_wb_count/2) ;
}else{
$("#"+remId).html(Math.floor((send_wb_count-wb_count)/2)+"/"+max/2) ;
}
}
<div class="news-edit">
<label for="" class="edit-titlelabel">标题</label>
<span class="news-inputbox"><input type="text" placeholder="请输入文本" id="title" onkeydown="check_input('title','remLen',36);" onkeyup="check_input('title','remLen',36);"/></span>
<span class="wordnum-limit"><span id="remLen">0/18</span></span>
</div>
js代码:
//该函数用于输出框,当输入值大于指定的最大值的时候,返回当长度等于Max的值
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;
}
//该函数用户计算输入框中 的输入值的长度,其中中文为2,英文为1,数字为1
function countCharacters(str){
var totalCount = 0;
//alert("ss");
for(var i=0; i<str.length; i++){
var c = str.charCodeAt(i);
if ((c >= 0x0001 && c <= 0x007e) || (0xff60<=c && c<=0xff9f)){
totalCount++;
}else{
totalCount+=2;
}
}
return totalCount;
}
//该函数用于检验输入值,在该函数中调用了以上两个函数
function check_input(id,remId,max){
var send_wb_count=max;
//var txt = id.value;
var txt=document.getElementById(id).value;
//alert(txt);
var wb_count = countCharacters(txt);
//var info=id.next();
if(wb_count > send_wb_count){
//$('#send_weibo').val(txt.substring(0,130));
//id.val(getByteVal(txt,max));
$("#"+id).val(getByteVal(txt,max));
//alert(id.val(getByteVal(txt,max)));
$("#"+remId).html("长度超过"+send_wb_count/2) ;
}else{
$("#"+remId).html(Math.floor((send_wb_count-wb_count)/2)+"/"+max/2) ;
}
}
相关文章推荐
- js 限制表单输入长度 汉字为两个字符
- 用javascript限制input输入长度(考虑全角半角)
- JS限制字符长度及特殊符号不能输入
- input标签限制不能输入中文,能带小数点
- js限制input只能输入有效的数字,有且只有一个小数点,第一个不能为小数点-备
- js限制input只能输入有效的数字,有且只有一个小数点,第一个不能为小数点
- input 属性为 number时限制输入长度
- HTML中Input输入框的只能输入数字,限制长度,默认显示文字等
- 初识ReactJS的组件化开发(八):用表单做评论 :限制textarea可输入字符长度
- flex中textinput限制输入长度与某些字符
- 用javascript限制input输入长度(考虑全角半角)
- 当达到输入长度时表单自动切换焦点
- input只能输入数字并限制长度
- input只能输入数字并限制长度
- flex中textinput限制输入长度与某些字符 .
- js限制input只能输入有效的数字,有且只有一个小数点,第一个不能为小数点
- ios textField限制只能输入一定长度的字符
- js限制input只能输入有效的数字(第一个不能是小数点)
- 限制input输入框输入的长度
- 限制字符长度及特殊符号不能输入