php 限制输入15个汉字,js form表单input框限制20个字符,10个汉字代码实例

该博客介绍了一种常见的前端输入校验方法,通过定义函数`checkField`来限制input框的字节数,确保用户输入不超过指定长度。文章详细阐述了如何处理多字节字符,并针对奇偶性进行校验,以实现精确的字节截取。同时,提供了重置和提交按钮的HTML代码示例。
摘要由CSDN通过智能技术生成

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

//定义一个函数

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 < limitDate.length; 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;

}

职业:

type="reset"

style="width:60px;height:30px;margin-right:40px"

"refresh()"

>

重置

type="submit"

style="width:60px;height:30px"

"return checkNull()"

>

提交

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值