IT数码 购物 网址 头条 软件 日历 阅读 图书馆
TxT小说阅读器
↓语音阅读,小说下载,古典文学↓
图片批量下载器
↓批量下载图片,美女图库↓
图片自动播放器
↓图片自动播放器↓
一键清除垃圾
↓轻轻一点,清除系统垃圾↓
开发: C++知识库 Java知识库 JavaScript Python PHP知识库 人工智能 区块链 大数据 移动开发 嵌入式 开发工具 数据结构与算法 开发测试 游戏开发 网络协议 系统运维
教程: HTML教程 CSS教程 JavaScript教程 Go语言教程 JQuery教程 VUE教程 VUE3教程 Bootstrap教程 SQL数据库教程 C语言教程 C++教程 Java教程 Python教程 Python3教程 C#教程
数码: 电脑 笔记本 显卡 显示器 固态硬盘 硬盘 耳机 手机 iphone vivo oppo 小米 华为 单反 装机 图拉丁
 
   -> JavaScript知识库 -> 在IE和Edge中用JS判断只能输入数字,字母,日期型。 -> 正文阅读

[JavaScript知识库]在IE和Edge中用JS判断只能输入数字,字母,日期型。

IE的HTML:

ime-mode:disabled限制不能输入文字,只有IE有效。

//ime-mode:disabled限制不能输入文字,只有IE有效。
<input style="ime-mode:disabled" onkeypress="fncNum();return true;" />

IE的JS :只能输入数字,并且按回车时转换成Tab。

keyCode48~57:数字,keyCode13:回车,keycode9:Tab。

//IE只能输入数字,并且按回车时转换成Tab。keyCode48~57:数字,keyCode13:回车,keycode9:Tab。
function fncNum() {
	if ((event.keyCode < 48 || event.keyCode > 57) && event.keyCode != 13) {
		event.returnValue = false;
	} else if (event.keyCode == 13) {
		event.keyCode = 9;
	}
}

//IE只能输入数字和负数,并且按回车时转换成Tab。
function fncMinusNum(obj) {
	if ((event.keyCode < 48 || event.keyCode > 57) && event.keyCode != 13) {
		if (event.keyCode != 45) {
		    event.returnValue = false;
		}  
	} else if (event.keyCode == 13) {
		event.keyCode = 9;
	}
}

//IE只能输入数字和字母,并且按回车时转换成Tab。
function fncAlphabetNum(obj) {
	if (event.keyCode != 13 && !((event.keyCode >= 48 && event.keyCode <= 57) ||
        ((event.keyCode >= 65 && event.keyCode <= 90) || (event.keyCode >= 97 && event.keyCode <= 122)))) {
		event.returnValue = false;
	} else if (event.keyCode == 13) {
		event.keyCode = 9;
	}
}

//IE只能输入数字和「.」,并且按回车时转换成Tab。
function fncDecimalScale(obj) {
	if ((event.keyCode < 48 || event.keyCode > 57) && event.keyCode != 13 &&  event.keyCode !=46) {
		event.returnValue = false;
	} else if (event.keyCode == 13) {
		event.keyCode = 9;
	}

}

//IE只能输入数字和「/」,并且按回车时转换成Tab。
function fncDate(obj) { 
	if ((event.keyCode < 48 || event.keyCode > 57) && event.keyCode != 13 && event.keyCode != 47) {
		event.returnValue = false;
	} else if (event.keyCode == 13) {
		event.keyCode = 9;
	}
}

因为ime-mode:disabled只对IE有效所以在Edge里需要追加onkeyup方法。

//onkeyup方法(只能输入数字)。
<input style="ime-mode:disabled" onkeyup="this.value=this.value.replace(/\D/g,'')" onkeypress="fncNum();return true;" />

//onkeyup方法(只能输入数字和字母)。
<input style="ime-mode:disabled" onkeyup="this.value=this.value.replace(/[^0-9,a-z,A-Z]/g,'')" onkeypress="fncNum();return true;" />

//onkeyup方法(只能输入数字和「-」负号)。
<input style="ime-mode:disabled" onkeyup="this.value=this.value.replace(/[^0-9,-]/g,'')" onkeypress="fncNum();return true;" />

//onkeyup方法(只能输入数字和「/」负号)。
<input style="ime-mode:disabled" onkeyup="this.value=this.value.replace(/[^0-9,/]/g,'')" onkeypress="fncNum();return true;" />

//onkeyup方法(只能输入数字和「.」负号)。
<input style="ime-mode:disabled" onkeyup="this.value=this.value.replace(/[^0-9,.]/g,'')" onkeypress="fncNum();return true;" />

keycode补充:

document.onkeydown里:

IE和Edge:keycode48~57:字母上面数字键盘。keycode96~105:右侧数字键盘。

IE和Edge:keycode65~90:小写字母和大写字母。

IE和Edge:keycode109,189:负数里的「-」。

IE和Edge:keycode110,190:小数里的「.」。

IE和Edge:keycode111,191:日期里的「/」。

input的onkeypress里:

IE和Edge:keycode48~57:字母上面数字键盘和右侧数字键盘。

IE和Edge:keycode97~122:小写字母。keycode65~90:大写字母。

IE和Edge:keycode45:负数里的「-」。

IE和Edge:keycode46:小数里的「.」。

IE和Edge:keycode47:日期里的「/」。

如果资源学习了,可以点赞支持!

  JavaScript知识库 最新文章
ES6的相关知识点
react 函数式组件 & react其他一些总结
Vue基础超详细
前端JS也可以连点成线(Vue中运用 AntVG6)
Vue事件处理的基本使用
Vue后台项目的记录 (一)
前后端分离vue跨域,devServer配置proxy代理
TypeScript
初识vuex
vue项目安装包指令收集
上一篇文章      下一篇文章      查看所有文章
加:2022-04-22 18:27:19  更:2022-04-22 18:31:05 
 
开发: C++知识库 Java知识库 JavaScript Python PHP知识库 人工智能 区块链 大数据 移动开发 嵌入式 开发工具 数据结构与算法 开发测试 游戏开发 网络协议 系统运维
教程: HTML教程 CSS教程 JavaScript教程 Go语言教程 JQuery教程 VUE教程 VUE3教程 Bootstrap教程 SQL数据库教程 C语言教程 C++教程 Java教程 Python教程 Python3教程 C#教程
数码: 电脑 笔记本 显卡 显示器 固态硬盘 硬盘 耳机 手机 iphone vivo oppo 小米 华为 单反 装机 图拉丁

360图书馆 购物 三丰科技 阅读网 日历 万年历 2024年11日历 -2024/11/24 0:27:08-

图片自动播放器
↓图片自动播放器↓
TxT小说阅读器
↓语音阅读,小说下载,古典文学↓
一键清除垃圾
↓轻轻一点,清除系统垃圾↓
图片批量下载器
↓批量下载图片,美女图库↓
  网站联系: qq:121756557 email:121756557@qq.com  IT数码