JS限制输入框输入的实现代码


Posted in Javascript onJuly 02, 2018

1.文本框只能输入数字代码(小数点也不能输入)

代码如下:

<input onkeyup="this.value=this.value.replace(/\D/g,'')" onafterpaste="this.value=this.value.replace(/\D/g,'')">

2.只能输入数字,能输小数点.

代码如下:

<input onkeyup="if(isNaN(value))execCommand('undo')" onafterpaste="if(isNaN(value))execCommand('undo')">
<input name=txt1 onchange="if(/\D/.test(this.value)){alert('只能输入数字');this.value='';}">

3.数字和小数点方法二

代码如下:

<input type=text tvalue="" ovalue="" onkeypress="if(!this.value.match(/^[\+\-]?\d*?\.?\d*?$/))this.value=this.t_value;else this.tvalue=this.value;if(this.value.match(/^(?:[\+\-]?\d+(?:\.\d+)?)?$/))this.ovalue=this.value" onkeyup="if(!this.value.match(/^[\+\-]?\d*?\.?\d*?$/))this.value=this.t_value;else this.tvalue=this.value;if(this.value.match(/^(?:[\+\-]?\d+(?:\.\d+)?)?$/))this.ovalue=this.value" onblur="if(!this.value.match(/^(?:[\+\-]?\d+(?:\.\d+)?|\.\d*?)?$/))this.value=this.o_value;else{if(this.value.match(/^\.\d+$/))this.value=0+this.value;if(this.value.match(/^\.$/))this.value=0;this.ovalue=this.value}">

4.只能输入字母和汉字

代码如下:

<input onkeyup="value=value.replace(/[\d]/g,'') "onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[\d]/g,''))" maxlength=10 name="Numbers">

5.只能输入英文字母和数字,不能输入中文

代码如下:

<input onkeyup="value=value.replace(/[^\w\.\/]/ig,'')">

6.只能输入数字和英文<font color="Red">chun</font>

代码如下:

<input onKeyUp="value=value.replace(/[^\d|chun]/g,'')">

7.小数点后只能有最多两位(数字,中文都可输入),不能输入字母和运算符号:

代码如下:

<input onKeyPress="if((event.keyCode<48 || event.keyCode>57) && event.keyCode!=46 || /\.\d\d$/.test(value))event.returnValue=false">

8.小数点后只能有最多两位(数字,字母,中文都可输入),可以输入运算符号:

代码如下:

<input onkeyup="this.value=this.value.replace(/^(\-)*(\d+)\.(\d\d).*$/,'$1$2.$3')">
//只能输入汉字: 
<input onkeyup="value=value.replace(/[^\u4E00-\u9FA5]/g,'')" onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^\u4E00-\u9FA5]/g,''))">
//只能输入数字: 
<input onkeyup="value=value.replace(/[^\d]/g,'') "onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^\d]/g,''))">
//只能输入英文和数字: 
<input onkeyup="value=value.replace(/[\W]/g,'') "onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^\d]/g,''))">
//控制输入框只能输入文字或数字,也可以不允许输入特殊字符 
//这里不允许输入如下字符: (像 !@#$%^&* 等)<br> 
<textarea rows=2 cols=20 name=comments onKeypress="if ((event.keyCode > 32 && event.keyCode < 48) || (event.keyCode > 57 && event.keyCode < 65) || (event.keyCode > 90 && event.keyCode < 97)) event.returnValue = false;">
//只禁止空格输入 
onkeyup="value=value.replace(/\s/g,'')" 
//只能输入中文和英文: 
onkeyup="value=value.replace(/[^\a-zA-Z\u4E00-\u9FA5]/g,'')" onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^\a-zA-Z\u4E00-\u9FA5]/g,''))"

总结

以上所述是小编给大家介绍的JS限制输入框输入的实现代码,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对三水点靠木网站的支持!

Javascript 相关文章推荐
基于Jquery的仿Windows Aero弹出窗(漂亮的关闭按钮)
Sep 28 Javascript
javascript自适应宽度的瀑布流实现思路
Feb 20 Javascript
javascript动态创建链接的方法
May 13 Javascript
javascript作用域问题实例分析
Jul 13 Javascript
AngularJS使用指令增强标准表单元素功能
Jul 01 Javascript
JavaScript实现广告弹窗效果
Aug 09 Javascript
bootstrap多种样式进度条展示
Dec 20 Javascript
express框架实现基于Websocket建立的简易聊天室
Aug 10 Javascript
bootstrap select下拉搜索插件使用方法详解
Nov 23 Javascript
微信小程序实现打开内置地图功能【附源码下载】
Dec 07 Javascript
从0到1构建vueSSR项目之node以及vue-cli3的配置
Mar 07 Javascript
bootstrap中的导航条实例代码详解
May 20 Javascript
webpack手动配置React开发环境的步骤
Jul 02 #Javascript
Angularjs中的$apply及优化使用详解
Jul 02 #Javascript
angularjs 的数据绑定实现原理
Jul 02 #Javascript
vue 解决addRoutes动态添加路由后刷新失效问题
Jul 02 #Javascript
vue中的数据绑定原理的实现
Jul 02 #Javascript
Vue实现双向绑定的原理以及响应式数据的方法
Jul 02 #Javascript
jsonp跨域获取数据的基础教程
Jul 01 #Javascript
You might like
DC动漫人物排行
2020/03/03 欧美动漫
PHP教程 变量定义
2009/10/23 PHP
smarty模板引擎基础知识入门
2015/03/30 PHP
php实现根据IP地址获取其所在省市的方法
2015/04/30 PHP
php中session定期自动清理的方法
2015/11/12 PHP
thinkphp分页集成实例
2017/07/24 PHP
php实现QQ小程序发送模板消息功能
2019/09/18 PHP
学习YUI.Ext 第六天--关于树TreePanel(Part 1)
2007/03/10 Javascript
window.parent与window.openner区别介绍
2012/04/12 Javascript
5个最佳的Javascript日期处理类库分享
2012/04/15 Javascript
jQuery学习笔记 操作jQuery对象 属性处理
2012/09/19 Javascript
Raphael一个用于在网页中绘制矢量图形的Javascript库
2013/01/08 Javascript
jQuery lazyLoad图片延迟加载插件的优化改造方法分享
2013/08/13 Javascript
javascript实现简单的贪吃蛇游戏
2015/03/31 Javascript
分享十五款 jQuery 社交网络分享插件
2015/05/16 Javascript
js字符串操作总结(必看篇)
2016/11/22 Javascript
RequireJS 依赖关系的实例(推荐)
2017/01/21 Javascript
Bootstrap 响应式实用工具实例详解
2017/03/29 Javascript
监听angularJs列表数据是否渲染完毕的方法示例
2018/11/07 Javascript
原生javascript中this几种常见用法总结
2020/02/24 Javascript
python 字符串split的用法分享
2013/03/23 Python
Python-基础-入门 简介
2014/08/09 Python
Python实现优先级队列结构的方法详解
2016/06/02 Python
读取本地json文件,解析json(实例讲解)
2017/12/06 Python
tensorflow创建变量以及根据名称查找变量
2018/03/10 Python
python重试装饰器的简单实现方法
2019/01/31 Python
python实现输出一个序列的所有子序列示例
2019/11/18 Python
让ie浏览器成为支持html5的浏览器的解决方法(使用html5shiv)
2014/04/08 HTML / CSS
HTML5 新表单类型示例代码
2018/03/20 HTML / CSS
纽约手袋品牌:KARA
2018/03/18 全球购物
兰蔻英国官网:Lancome英国
2019/04/30 全球购物
关于人生的感言
2014/01/17 职场文书
愚人节活动策划方案
2014/03/11 职场文书
个人工作表现评语
2014/04/30 职场文书
C站最全Python标准库总结,你想要的都在这里
2021/07/03 Python
Go web入门Go pongo2模板引擎
2022/05/20 Golang