`

JS限制文本框输入字符串长度

    博客分类:
  • JS
阅读更多
<input type="text"  id="mesItem"  style="height: 23px;width: 100%;" onkeyup="limitLength(value,50,'主题','mesItem')"  />







//验证输入字符长度
function limitLength(value, byteLength, title, attribute) {
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(title + "最大输入" + byteLength + "个字节(相当于"+byteLength /2+"个汉字)!");
document.getElementById(attribute).value = limitvalue;
return;
}
分享到:
评论

相关推荐

    html限制文本框输入小数点 数字 字母 汉字 等

    - `onkeyup` 事件触发时(即用户释放键盘按键后),执行 JavaScript 代码,使用正则表达式 `\D` 匹配所有非数字字符,并将其替换为空字符串。 - `onafterpaste` 事件是在用户粘贴内容后触发,同样使用相同的正则...

    js限制文本框输入长度两种限制方式(长度、字节数)

    功能/特点: 1.实时显示可输入的字数(字节数) 2.两种限制方式(长度、字节数) 3.中文输入法下可正常使用,无BUG 4....//到达限制时,字符串的长度 var txtByte; this.init=function(){ txtNote=this.txtNote;

    jQuery 文本文本框输入字符限制插件.

    "jQuery 文本文本框输入字符限制插件"是一个专门针对这种情况设计的解决方案,它模仿了 Twitter 的输入限制功能,为用户提供了一种友好的提示方式,避免了简单地阻止用户输入,而是以一种优雅的方式告知用户剩余可...

    用字符串的length实现限制文本框长度

    标题“用字符串的length实现限制文本框长度”指的就是通过编程方式,利用字符串的`length`属性来限制文本框的最大输入字符数。 在大多数编程语言中,字符串都有一个`length`属性,它返回字符串中字符的数量。例如,...

    jQuery实现限制文本框的输入长度

    通过以上知识点,我们可以了解到在使用jQuery实现文本框输入长度限制时需要掌握的多个方面,包括jQuery选择器、事件监听、字符串操作等。这些知识点有助于我们更深入地理解和使用jQuery来提升Web页面的交互性和用户...

    jQuery textarea文本框输入文字字数限制提示代码.zip

    // 原字符串长度 var _strLen = pStr.length; var _tmpCode; var _cutString; // 默认情况下,返回的字符串是原字符串的一部分 var _cutFlag = "1"; var _lenCount = 0; var _ret = false; if (_...

    JS监控前台文本框输入字数

    本文将详细介绍如何使用JavaScript(简称JS)来实现对文本框输入字符数量的监控,并实时显示用户还可以输入多少个字符。 #### 关键知识点 1. **字符长度计算** 2. **实时更新剩余可输入字数** 3. **文本截断处理**...

    js限制文本框的输入内容代码分享(3类).docx

    除了这些基本的限制,JavaScript 还可以实现更多复杂的输入限制,例如限制输入长度、禁止特定字符、验证邮箱格式等。通过结合使用 `event.preventDefault()` 方法阻止默认行为,以及正则表达式进行字符串过滤,可以...

    文本框的输入限制

    例如,在Java中,我们可以使用Apache Commons Lang的StringUtils库,其提供的各种方法可以检查字符串的长度、格式等,从而限制输入。 此外,对于特定场景,如数字输入,我们可以限制只能输入数字,并禁止复制粘贴或...

    限制文本框输入N个字符的js代码

    在限制输入字符数时,我们不能简单地用字符串的长度(`length`属性)来计算,因为这只会统计字节数,而不是字符数。 给定的代码实现了一个名为`validatePostponeValue`的函数,它接受两个参数:`obj`(文本框元素)...

    「js限制文本框只能输入数字或字母的方法总结」.pdf

    在JavaScript中,对文本框(`&lt;input&gt;`标签)的输入进行限制是非常常见的需求,尤其在数据验证或者特定格式输入的场景下。以下是对标题和描述中提到的几种限制文本框只能输入数字或字母方法的详细说明: 1. **只能...

    js限制文本框只能输入数字或字母的方法总结.docx

    在JavaScript中,限制用户在文本框(`&lt;input&gt;`)中只能输入特定字符类型,如数字或字母,是常见的需求,特别是在表单验证和数据输入的场景中。以下是一些实现这种限制的方法: 1. **只能输入字母和汉字**: 这段...

    js正则表达式限制文本框只能输入数字,小数点,英文字母.pdf

    ### 正则表达式在JavaScript中的应用:限制文本框输入 #### 一、概述 本文档探讨了如何利用JavaScript中的正则表达式来限制HTML表单中的文本框只能输入特定类型的字符,例如数字、小数点及英文字母等。通过不同的...

    Js自动截取字符串长度,添加省略号(……)的实现方法

    总之,JavaScript中的字符串截取和处理是一项常见的任务,通过`cutString`函数,我们可以有效地控制字符串长度并添加省略号,以适应各种界面显示的需求。在实际应用中,我们可以根据具体需求调整和优化这个函数,以...

    正则表达式限制文本框只能输入数字,小数点,英文字母,汉字[文].pdf

    在Web开发中,经常需要对用户的输入进行限制或格式化,例如只允许输入数字、限制输入长度等。本文将重点介绍如何利用正则表达式限制文本框只能输入数字、小数点、英文字母以及汉字,并给出具体的实现方式。 #### 三...

    一个jQuery文本框、文本域的长度进行验证的函数库.

    1. **文本框/文本域长度验证**:能够实时检查文本框或文本域中输入的内容长度是否符合预设的要求。 2. **提示信息展示**:在指定的HTML元素中显示验证结果或错误提示信息。 3. **光标锁定**:如果输入内容不符合要求...

    js各种验证文本框输入格式

    ### JavaScript文本框输入格式验证详解 在Web开发中,确保用户输入的数据符合预期的格式是一项基本而重要的任务。JavaScript提供了强大的正则表达式和事件处理机制,使得开发者能够轻松实现各种输入验证。以下是对...

    JQuery获取文本框中字符长度的代码

    标题中提到的知识点是“JQuery获取文本框中字符长度的代码”,说明我们将探讨如何使用jQuery这个JavaScript库来获取网页上文本框中用户输入的字符长度。这是一个在前端开发中经常会用到的操作,对于表单验证、文本...

Global site tag (gtag.js) - Google Analytics