html文本框只能输入数字和字母,JS限制文本框只能输入数字和字母方法
限制只能输入数字
代码如下:
// 限制只能输入数字
// demo: $(".onlyNum").onlyNum(); 限制使用了onlyNum类样式的控件只能输入数字
//
// ----------------------------------------------------------------------
$.fn.onlyNum = function () {
$(this).keypress(function (event) {
var eventObj = event || e;
var keyCode = eventObj.keyCode || eventObj.which;
if ((keyCode >= 48 && keyCode <= 57))
return true;
else
return false;
}).focus(function () {
//禁用输入法
this.style.imeMode = 'disabled';
}).bind("paste",function () {
//获取剪切板的内容
var clipboard = window.clipboardData.getData("Text");
if (/^\d+$/.test(clipboard))
return true;
else
return false;
});
};
限制只能输入字母
代码如下:
// 限制只能输入字母
// demo: $(".onlyAlpha").onlyAlpha(); 限制使用了onlyNumAlpha类样式的控件只能输入数字和字母
//
// ----------------------------------------------------------------------
$.fn.onlyAlpha = function () {
$(this).keypress(function (event) {
var eventObj = event || e;
var keyCode = eventObj.keyCode || eventObj.which;
if ((keyCode >= 65 && keyCode <= 90) || (keyCode >= 97 && keyCode <= 122))
return true;
else
return false;
}).focus(function () {
this.style.imeMode = 'disabled';
}).bind("paste",function () {
var clipboard = window.clipboardData.getData("Text");
if (/^[a-zA-Z]+$/.test(clipboard))
return true;
else
return false;
});
};
限制只能输入数字和字母
代码如下:
// 限制只能输入数字和字母
// demo: $(".onlyNumAlpha").onlyNumAlpha(); 限制使用了onlyNumAlpha类样式的控件只能输入数字和字母
//
// ----------------------------------------------------------------------
$.fn.onlyNumAlpha = function () {
$(this).keypress(function (event) {
var eventObj = event || e;
var keyCode = eventObj.keyCode || eventObj.which;
if ((keyCode >= 48 && keyCode <= 57) || (keyCode >= 65 && keyCode <= 90) || (keyCode >= 97 && keyCode <= 122))
return true;
else
return false;
}).focus(function () {
this.style.imeMode = 'disabled';
}).bind("paste",function () {
var clipboard = window.clipboardData.getData("Text");
if (/^(\d|[a-zA-Z])+$/.test(clipboard))
return true;
else
return false;
});
};
总结
如果觉得编程之家网站内容还不错,欢迎将编程之家网站推荐给程序员好友。
本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
小编个人微信号 jb51ccc
喜欢与人分享编程技术与工作经验,欢迎加入编程之家官方交流群!
html文本框只能输入数字和字母,JS限制文本框只能输入数字和字母方法相关推荐
- 数字滚动原生js的三种方式
数字滚动原生js的三种方式 让数字滚动的效果简单用计时器setInterval就能轻易的实现,例如 <!DOCTYPE html> <html><head>< ...
- js 只准输入数字_js验证如何限制文本框只能输入数字
展开全部 js限制文本框只能输入数字方法,有时需要限制文本框输入内容的类型,正则e68a8462616964757a686964616f31333366306462表达式限制文本框只能输入数字.小数点 ...
- JS 控制文本框只能输入中文、英文、数字与指定特殊符号(屏蔽表情输入)
onkeyup:释放键盘事件 onpaste:粘贴事件 oncontextmenu :鼠标右击事件 控制这三种事件的输入 οnkeyup="this.value=this.value.rep ...
- php文本框限制只输入数字,js限制文本框只能输入数字方法小结_javascript技巧
有时需要限制文本框输入内容的类型,本节分享下正则表达式限制文本框只能输入数字.小数点.英文字母.汉字等代码. 例如,输入大于0的正整数 1,文本框只能输入数字代码(小数点也不能输入) 2,只能输入数字 ...
- java 文本框只能输入数字_java 24 - 6 GUI之 创建只能输入数字的文本框
需求: 创建一个含有标签和文本框的窗体,其中文本框只能输入数字 步骤:(大致上) 创建窗体对象 创建标签对象 创建文本框对象 把组件添加到窗体中 设置标签的监听事件,对键盘按下的数据进行监听 设置窗体 ...
- js控制文本框仅仅能输入中文、英文、数字与指定特殊符号
JS 控制文本框仅仅能输入数字 <input οnkeyup="value=value.replace(/[^0-9]/g,'')"οnpaste="value=v ...
- html判断整数小数点后两位小数点,js控制input框只能输入数字和一位小数点且小数点后面只有两位小数...
js控制input框只能输入数字和一位小数点且小数点后面只有两位小数 js控制input框只能输入数字和一位小数点且小数点后面只有两位小数 212或 0.66; 过滤 00000,1.10,0.00 ...
- android edittext输入邮箱,[Android教程]EditText怎样限制用户的输入?数字/字母/邮箱
有输入必有验证.为了防止用户随便输入确保提交数据的合法性,程序不得不在文本输入框(EditText)中增加限制或验证. 关于输入类型有数字.字母.邮箱.电话等形式,这些具体得根据业务来.那么Andro ...
- Python 零基础入门到实战(一)笔记:内置对象、浅拷贝、深拷贝、计算圆面积、凯撒密码、英文大小写转换、输入国家打印出国家名和首都、输入数字英文输出、统计句子中的字母数量、猜随机数
Python入门到实战(一) 为什么写这篇文章 Part 1 入门部分 什么是编程语言? Python的优势 目前应用 特点 Part 2 6种内置对象 1 整数.浮点数 2 字符串 3 列表 4 元 ...
最新文章
- 程序员面试时,不小心说了真话…...
- SQL--添加角色权限
- 关于datagridview自动增加行高度和显示全部内容的设置
- 日本政府用AI分配对象了!给你分一个的话,敢不敢要?
- 启动mongodb服务器时发生系统错误5,CentOS 7系统下SELinux阻止MongoDB启动的问题详解...
- 【渝粤教育】国家开放大学2018年春季 0233-21T学前儿童语言教育 参考试题
- 进程中的一个线程死了所引发的后果
- android 的wifi定位
- linux常用的日志分析脚本
- Linux vim
- 最全的CSS浏览器兼容整理
- 一、auto_test_base
- Qt_解决Qt5.15 + Xcode12iOS端qmake不可用的问题
- Qt 5 下载与安装详解
- android代码签名和混淆打包
- 嵌入式分享合集112
- 2、基因树 与物种树的关系及建树
- ElementUI上传文件和额外参数
- 前端大串讲,狂神,狂神和飞哥
- 金蝶apusic9.0版本安装包