具体步骤:
方法一:用文本框的CSS属性ime-mode实现。
<input onpaste="return false" ondragenter="return false" style="ime-mode:disabled">
提示:设置ime-mode为disabled的意思是禁止在输入时禁止用户激活输入中文,韩文,日文等的输入法(IME)状态,因为这个只能检测到键盘的输入,对通过鼠标操作的粘贴和拖放无效。
但是<input onpaste="return false" ondragenter="return
false" style="ime-mode:disabled"> 是可以防止通过鼠标操作的粘贴和拖放的,如果不能输入字母另加判断。
方法二:在松开按键时用脚本检查文本框的值,只保留Unicode编码在0和255之间的字符。
<script>
function check(str){
var temp=""
for(var i=0;i<str.length;i++)
if(str.charCodeAt(i)>0&&str.charCodeAt(i)<255)
temp+=str.charAt(i)
return temp
}
</script>
<input onpaste="return false" ondragenter="return false" onkeyup="this.value=check(this.value)">
方法三:把所有双字节字符替换为空。
<input onpaste="return false" ondragenter="return false" onkeyup="this.value=this.value.replace(/[^\x00-\x80]/gi,’’)">
方法四:把中文字符替换为空。
<input onpaste="return false" ondragenter="return false" onkeyup="this.value=this.value.replace(/[\u0391-\uFFE5]/gi,’’)">
特别提示
本例代码运行后,第一种方法是不能切换输入法,所以无法输入中文,其它三种方法是在输入中文后立即被替换为空,同时禁止了粘贴和拖放事件。
特别说明
本例主要是css属性ime-mode和对中文或双字节字符的判断应用。
ime-mode 设置输入方法编辑器(IME)的状态。
charCodeAt返回指定位置上字符的 Unicode 编码值。
/*对整数文本框的控制*/
function IntegerBoxKeyPress(_Box,IsPositiveNumber)
{
var KeyValue=event.keyCode;
return (KeyValue>=48 && KeyValue<=57) ||(KeyValue==45 && _Box.value=="" && false!=IsPositiveNumber);
}
/*对小数文本框的控制*/
function DecimalBoxKeyPress(_Box,IsPositiveNumber)
{
var KeyValue=event.keyCode;
return (KeyValue>=48 && KeyValue<=57) ||(KeyValue==45 && _Box.value=="" && false!=IsPositiveNumber) || (KeyValue==46 && _Box.value.indexOf(".")==-1);
}
分享到:
相关推荐
综上所述,通过结合JavaScript的事件监听、字符编码检查以及正则表达式,我们可以实现一个有效的文本框输入限制功能,确保用户只能输入中文汉字。这在创建具有特定输入要求的表单或界面时非常有用。
#### 四、限制文本框输入数字(含小数点),同时处理特殊场景 当需要对输入的小数进行更细致的控制时,例如限制小数点后最多两位数,可以使用以下代码: ```html (/^(\-)*(\d+)\.(\d\d).*$/, '$1$2.$3')" onblur=...
特别是在涉及到数值输入时,开发者常常需要限制文本框仅能接受数字或者带有一定数量小数位的数字输入。本文将详细解析一种使用JavaScript(简称JS)的方法来实现这一需求,特别适用于JavaServer Pages (JSP) 环境中...
虽然上面的方法在大多数情况下都能有效判断中文字符,但对于一些特殊的Unicode字符,如表情符号或非常用的汉字,可能无法准确识别。这是因为这些字符由两个连续的16位值(代理对)组成。为了解决这个问题,我们可以...
### HTML限制文本框输入小数点、数字、字母、汉字等知识点详解 #### 知识点一:HTML与JavaScript结合限制非数字字符输入 在HTML中,经常需要对用户输入进行限制,比如只允许用户输入数字。这在很多场景下都是非常...
在很多情况下,我们需要限制用户只能输入中文字符,而不能输入其他字符。下面是一个简单的示例代码,使用 KeyUp 事件来限制输入中文: ```vba Private Sub TextBox1_KeyUp(ByVal KeyCode As MSForms.ReturnInteger,...
### JavaScript 验证文本框输入格式详解 在前端开发中,使用JavaScript进行表单验证是十分常见的需求之一。本文将详细介绍几种常用的JavaScript方法来验证文本框中的输入格式,并结合具体的代码示例进行解释。 ###...
在标题“文本框输入指定类型的数据”中,核心概念是通过编程手段限制TextBox控件只能接受特定类型的输入。这通常涉及到以下几个方面的技术: 1. **事件监听**:在Windows Forms或WPF等平台中,我们可以监听TextBox...
### C# WinForm 中文本框输入负数验证 在C#的Windows Forms应用程序(简称WinForms)中,经常需要对用户输入的数据进行验证,确保其符合预期格式或数值范围。对于涉及数字输入的情况,比如允许用户输入负数,就需要...
### VB.NET 中实现文本框仅能输入数字的详细解析 #### 概述 在VB.NET开发环境中,常常需要创建各种应用程序来处理数据输入与运算。其中,为了保证数据的准确性和有效性,通常需要对用户的输入进行限制。例如,在...
本主题聚焦于验证文本框输入的是否是汉字或数字,这是许多应用场景中常见的需求,如表单填写、密码设置等。 验证文本框输入的汉字与数字,主要涉及到以下几个知识点: 1. **事件监听**:首先,我们需要对文本框...
对于小数点的处理需要特别注意:一个合法的双精度浮点数只能包含一个小数点,并且不能在小数点前或后没有任何数字的情况下出现小数点。 ### 代码解析 以下是对给定部分代码的详细分析: #### 定义事件处理函数 `...
在JavaScript中,我们经常需要对用户输入进行控制,特别是在处理表单时,有时我们需要确保用户只能在特定的文本框(input元素)中输入特定类型的字符,例如数字。本篇文章将详细解析如何使用JavaScript来实现一个...
### JS限制文本框只能输入数字、小数点、英文字母、汉字的知识点解析 在Web开发中,经常需要对用户输入的数据进行合法性验证,确保数据格式符合预期的要求。例如,有时我们需要限定文本框内只能输入特定类型的字符...
在网页开发中,经常需要实现某些输入框只允许用户输入特定类型的数据,比如文本框只允许输入数字,这是常见的前端验证需求。通过JavaScript,我们可以轻松地实现这样的功能,并对输入的数字大小进行限制。接下来,我...
知识点一:JavaScript实现文本框输入限制 JavaScript是一种广泛应用于客户端的脚本语言。它能够对网页中的元素进行动态操作,实现各种交互效果。在本场景中,JavaScript可以用来监听文本框的输入事件,并根据用户...
### JS监控前台文本框输入字数 在网页开发过程中,我们常常需要限制用户在文本框内输入的内容长度,以确保数据的有效性和系统处理的效率。本文将详细介绍如何使用JavaScript(简称JS)来实现对文本框输入字符数量的...
7. 小数点后最多两位(可以输入数字和中文,但不能输入字母和运算符号): `((event.keyCode|| event.keyCode>57) &&event.keyCode!=46 || /\.\d\d$/.test(value))event.returnValue=false">` 这段代码利用键盘...
为了限制文本框仅能输入英文字母和数字,但不允许输入中文字符,可以使用以下代码: ```html (/[^\w\.\/]/ig,'')"> ``` 这里的关键在于正则表达式`/[^\w\.\/]/ig`,其中`\w`匹配任何字母数字字符,`\.`匹配点,`\/...