限制只能输入数字

代码如下:

// 限制只能输入数字

// 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限制文本框只能输入数字和字母方法相关推荐

  1. 数字滚动原生js的三种方式

    数字滚动原生js的三种方式 让数字滚动的效果简单用计时器setInterval就能轻易的实现,例如 <!DOCTYPE html> <html><head>< ...

  2. js 只准输入数字_js验证如何限制文本框只能输入数字

    展开全部 js限制文本框只能输入数字方法,有时需要限制文本框输入内容的类型,正则e68a8462616964757a686964616f31333366306462表达式限制文本框只能输入数字.小数点 ...

  3. JS 控制文本框只能输入中文、英文、数字与指定特殊符号(屏蔽表情输入)

    onkeyup:释放键盘事件 onpaste:粘贴事件 oncontextmenu :鼠标右击事件 控制这三种事件的输入 οnkeyup="this.value=this.value.rep ...

  4. php文本框限制只输入数字,js限制文本框只能输入数字方法小结_javascript技巧

    有时需要限制文本框输入内容的类型,本节分享下正则表达式限制文本框只能输入数字.小数点.英文字母.汉字等代码. 例如,输入大于0的正整数 1,文本框只能输入数字代码(小数点也不能输入) 2,只能输入数字 ...

  5. java 文本框只能输入数字_java 24 - 6 GUI之 创建只能输入数字的文本框

    需求: 创建一个含有标签和文本框的窗体,其中文本框只能输入数字 步骤:(大致上) 创建窗体对象 创建标签对象 创建文本框对象 把组件添加到窗体中 设置标签的监听事件,对键盘按下的数据进行监听 设置窗体 ...

  6. js控制文本框仅仅能输入中文、英文、数字与指定特殊符号

    JS 控制文本框仅仅能输入数字 <input οnkeyup="value=value.replace(/[^0-9]/g,'')"οnpaste="value=v ...

  7. html判断整数小数点后两位小数点,js控制input框只能输入数字和一位小数点且小数点后面只有两位小数...

    js控制input框只能输入数字和一位小数点且小数点后面只有两位小数 js控制input框只能输入数字和一位小数点且小数点后面只有两位小数 212或 0.66; 过滤 00000,1.10,0.00 ...

  8. android edittext输入邮箱,[Android教程]EditText怎样限制用户的输入?数字/字母/邮箱

    有输入必有验证.为了防止用户随便输入确保提交数据的合法性,程序不得不在文本输入框(EditText)中增加限制或验证. 关于输入类型有数字.字母.邮箱.电话等形式,这些具体得根据业务来.那么Andro ...

  9. Python 零基础入门到实战(一)笔记:内置对象、浅拷贝、深拷贝、计算圆面积、凯撒密码、英文大小写转换、输入国家打印出国家名和首都、输入数字英文输出、统计句子中的字母数量、猜随机数

    Python入门到实战(一) 为什么写这篇文章 Part 1 入门部分 什么是编程语言? Python的优势 目前应用 特点 Part 2 6种内置对象 1 整数.浮点数 2 字符串 3 列表 4 元 ...

最新文章

  1. 程序员面试时,不小心说了真话…...
  2. SQL--添加角色权限
  3. 关于datagridview自动增加行高度和显示全部内容的设置
  4. 日本政府用AI分配对象了!给你分一个的话,敢不敢要?
  5. 启动mongodb服务器时发生系统错误5,CentOS 7系统下SELinux阻止MongoDB启动的问题详解...
  6. 【渝粤教育】国家开放大学2018年春季 0233-21T学前儿童语言教育 参考试题
  7. 进程中的一个线程死了所引发的后果
  8. android 的wifi定位
  9. linux常用的日志分析脚本
  10. Linux vim
  11. 最全的CSS浏览器兼容整理
  12. 一、auto_test_base
  13. Qt_解决Qt5.15 + Xcode12iOS端qmake不可用的问题
  14. Qt 5 下载与安装详解
  15. android代码签名和混淆打包
  16. 嵌入式分享合集112
  17. 2、基因树 与物种树的关系及建树
  18. ElementUI上传文件和额外参数
  19. 前端大串讲,狂神,狂神和飞哥
  20. 金蝶apusic9.0版本安装包

热门文章

  1. 关于射频目标跟踪半实物仿真测试系统ETest设计
  2. 计算机英语教学模式,计算机专业英语理实一体化课堂教学模式初探
  3. include、extends用法和区别
  4. 加速推进新基建,中国联通软件研究院助力广东智造云升级为全国工业平台
  5. vue3+vite配置项目运行前eslint检查以及git提交前eslint检查的方案总结
  6. 数据库双机热备实战总结
  7. 解决请求数据量过大,分批多次请求的问题
  8. day08 外键字段的增删改查 正向反向插叙概念 跨表查询 聚合查询与分组查询 F查询
  9. 做视频号,先完成后完美
  10. 破解微信本地数据库,无法找回删除的聊天记录