html表单中的input有字符限制吗,js form表单input框限制20个字符，10个汉字代码实例...

主要介绍了js form表单input框限制20个字符，10个汉字，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧

直接粘贴到html文件便可看到效果html>

// 这是第一种最寻常的方法

//定义一个函数

function checkField(value, byteLength, attribute) {

// value是input框的值,byteLength是需求限制的字符，attribute是input的id名

var newvalue = value.replace(/[^\x00-\xff]/g, "**");

var length = newvalue.length;

//当填写的字节数小于设置的字节数

if (length * 1 <= byteLength * 1) {

return;

}

var limitDate = newvalue.substr(0, byteLength);

var count = 0;

var limitvalue = "";

for (var i = 0; i 

var flat = limitDate.substr(i, 1);

if (flat == "*") {

count++;

}

}

var size = 0;

var istar = newvalue.substr(byteLength * 1 - 1, 1); //校验点是否为“×”

//if 基点是×; 判断在基点内有×为偶数还是奇数

if (count % 2 == 0) {

//当为偶数时

size = count / 2 + (byteLength * 1 - count);

limitvalue = value.substr(0, size);

} else {

//当为奇数时

size = (count - 1) / 2 + (byteLength * 1 - count);

limitvalue = value.substr(0, size);

}

alert(

"最大输入" +

byteLength +

"个字节(相当于" +

byteLength / 2 +

"个汉字)！"

);

document.getElementById(attribute).value = limitvalue;

return;

}

职业：

重置

提交

总结

如果觉得编程之家网站内容还不错，欢迎将编程之家网站推荐给程序员好友。

本图文内容来源于网友网络收集整理提供，作为学习参考使用，版权属于原作者。

小编个人微信号 jb51ccc

喜欢与人分享编程技术与工作经验，欢迎加入编程之家官方交流群！