`
pity1115
  • 浏览: 32752 次
  • 性别: Icon_minigender_1
  • 来自: 昆明
最近访客 更多访客>>
社区版块
存档分类
最新评论

JS限制输入框里输入指定的字符(IE)

阅读更多
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>Untitled Document</title>
</head>
<script language="javascript" event="onkeydown" for="document">
	var name = event.srcElement.id;
        if(name.indexOf('$')>-1)
        {
			var value=document.getElementById(name).value;
			if((value.length>0))//输入字符的长度
			{
				if(!keyIsBack(event.keyCode))
              		{
						return false;
					}
			}
			else
			{
				if(!KeyIsNumber(event.keyCode))
              {
                   return false;
              }
			}
        }
</script>
<script language="javascript">
function KeyIsNumber(KeyCode)
{
    //如果输入的字符是在0-3之间
    if(((KeyCode>48)&&(KeyCode<52))||((KeyCode>96)&&(KeyCode<100)))
    {
          return true;
    }
    else
    {
          return false;
     }
}

function keyIsBack(keyCode)
{
	//是backspace、DEL键
	if(keyCode==8 || keyCode==46)
	{
		return true;
	}
	else
	{
		return false;
	}
}
</script>
<body>
<input type="text" name="$name" id="$name">
</body>
</html>
分享到:
评论

相关推荐

    限制 输入框字符长度 适用于中英文

    在网页开发中,限制用户在输入框(Input)中输入的字符长度是一项常见的需求,尤其在数据验证或者信息填写时。本示例中,我们探讨了两种JavaScript方法来实现这一功能,分别针对英文、数字以及中文字符。 1. **...

    jQuery输入框限制输入内容格式插件

    **jQuery输入框限制输入内容格式插件:jquery.mask.js** jQuery是一个广泛使用的JavaScript库,它极大地简化了HTML文档遍历、事件处理、动画以及Ajax交互。在这个特定的场景中,`jquery.mask.js`是一个功能强大的...

    js操作输入框中选择内容兼容IE及其他主流浏览器

    4. 如果用户输入了超链接地址,构造一个新的字符串,其中插入超链接,并使用`textField.value = ...`将新字符串赋值回输入框。 ### IE浏览器的兼容性 对于IE浏览器,由于其不支持`window.getSelection()`,我们...

    js form表单input框限制20个字符,10个汉字代码实例.docx

    本文将详细介绍如何使用JavaScript来实现对Form表单中的Input框字符输入限制的功能,具体来说,我们将限制输入的最大长度为20个字符(包括全角字符),或等效于10个汉字。 #### 二、实现原理概述 要实现上述功能,...

    javascript验证只能输入数字(兼容IE和火狐)

    本话题将详细介绍如何使用JavaScript实现一个功能,即验证用户只能输入数字,并且这个验证方法要兼容Internet Explorer(IE)和Firefox这两个主流浏览器。 首先,我们需要理解JavaScript的基本语法,特别是在处理...

    js-input输入框提示语

    在JavaScript(JS)中,`input`元素是HTML5中用于用户输入数据的基本组件,它在各种表单和交互式页面设计中起着至关重要的作用。`input`元素的提示语,也称为占位符(placeholder),是显示在输入框内的一段文本,...

    js 限制表单输入长度 汉字为两个字符

    在JavaScript中,限制表单输入长度是一个常见的需求,特别是在用户填写信息时,为了防止过长的文本导致数据处理问题或界面展示不协调。本话题主要介绍如何限制输入字段(特别是汉字)的长度,并实时显示剩余可输入...

    jquery实现input输入框实时输入触发事件代码

    实现效果可能是这样的:当用户在输入框中输入字符时,`searchProductClassbyName` 方法会被调用,然后根据输入的内容进行相应的操作,比如显示匹配的商品类别列表。这种方法可以提升用户体验,因为他们无需离开...

    js控制input输入字符解析

    上述方法涵盖了使用JavaScript进行输入限制的不同场景,包括如何限制输入字符、屏蔽输入法、限制输入数字和小数点的输入等。通过这些技巧,开发者可以更好地控制用户的输入行为,提高表单的使用体验和数据的准确性。

    javascript实现软键盘输入,兼容多种浏览器,测试通过

    这可以通过触发`input`或`keydown`事件实现,例如`event.target.value = event.target.value + 'a'`,将字符'a'添加到输入框。 4. **兼容性处理**:不同的浏览器可能对某些API或事件处理有不同的支持。比如,IE系列...

    jQuery实时统计输入框字数及限制

    在网页开发中,有时我们需要对用户的输入进行控制,例如限制用户在输入框中输入的字符数,以确保数据的有效性和一致性。jQuery 是一个流行的 JavaScript 库,它提供了一种简单的方式来处理这种需求。本篇文章将详细...

    用JS控制INPUT输入内容

    - `maxlength="10"`属性限制了输入的最大长度为10个字符。 ##### 12. 只允许输入英文字符 ```html (/[\d]/g,'')" onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[\d]/g,''...

    vue.js实现输入框输入值内容实时响应变化示例

    总结来说,这个示例展示了如何使用Vue.js的`v-model`指令来实现输入框输入值的实时响应变化。通过创建Vue实例,定义数据属性,并在HTML中使用`v-model`指令,我们可以轻松地建立一个实时更新的用户界面,大大提高了...

    在IE8上JS实现combobox支持拼音检索功能

    在IE8上实现JS的Combobox拼音检索功能是一项常见的需求,尤其在老版本浏览器的兼容性问题中。这里我们探讨如何通过JavaScript实现这个功能,并针对IE8的特点进行优化。 首先,我们要了解Combobox的基本概念。...

    输入框过滤非数字的js代码

    输入框过滤非数字的JavaScript代码是一种用于在用户输入时阻止非数字字符输入到输入框中的技术。它通常用于需要用户输入纯数字的场景,例如电话号码、信用卡号、数字代码等。通过实现这样的过滤机制,可以减少前端...

    获取和设置输入框光标位置的插件

    为了提供更加精细化的用户体验,开发者有时需要对输入框的光标位置进行控制,例如在自动填充、格式化输入或实现特定编辑功能时。"获取和设置输入框光标位置的插件"就是这样一个工具,它允许开发者方便地获取或设定...

    js限制input只能输入有效的数字(第一个不能是小数点)

    例如,在本例中,需要限制用户在文本输入框中只能输入有效的数字,且第一个字符不能是小数点,整个输入中只能包含一个小数点。为了实现这个功能,可以使用JavaScript编写相应的脚本来控制用户的输入。 在描述中提到...

    js在输入框屏蔽按键,只能键入数字的示例代码

    在JavaScript编程中,有时我们需要对用户的输入进行控制,例如确保用户在特定的输入框中只能输入数字。在上述示例中,我们看到一种方法来实现这个功能,通过监听键盘事件来阻止非数字键的输入。以下是对这个示例的...

    点击input输入框弹出选择层(基于jquery)

    `jquery.bgiframe.js`是一个旧版的jQuery插件,用于解决IE浏览器下的背景透明问题,确保选择层能正确显示在其他元素之上。`jquery-1.3.1.js`是jQuery的核心库文件,包含了大部分jQuery功能。 5. **网页特效和模板**...

    js监听输入框值的即时变化onpropertychange、oninput

    在前端开发中,实时监听输入框值的变化是一项非常重要的技能。这通常可以实现为网站或应用程序提供更好的用户体验,例如自动补全、搜索建议、显示已输入字节数等功能。要实现这些功能,JavaScript 提供了几个事件...

Global site tag (gtag.js) - Google Analytics