当前位置: 首页 > 编程笔记 >

JS实现控制文本框的内容

汝昀
2023-03-14
本文向大家介绍JS实现控制文本框的内容,包括了JS实现控制文本框的内容的使用技巧和注意事项,需要的朋友参考一下

JS 控制文本框只能输入数字

<input onkeyup="value=value.replace(/[^0-9]/g,'')" onpaste="value=value.replace(/[^0-9]/g,'')" oncontextmenu = "value=value.replace(/[^0-9]/g,'')">

JS 控制文本框只能输入数字、小数点

<input onkeyup="value=value.replace(/[^\0-9\.]/g,'')" onpaste="value=value.replace(/[^\0-9\.]/g,'')" oncontextmenu = "value=value.replace(/[^\0-9\.]/g,'')">

JS 控制文本框只能输入英文

<input onkeyup="value=value.replace(/[^\a-\z\A-\Z]/g,'')" onpaste="value=value.replace(/[^\a-\z\A-\Z]/g,'')" oncontextmenu = "value=value.replace(/[^\a-\z\A-\Z]/g,'')">

JS 控制文本框只能输入英文、数字

<input onkeyup="value=value.replace(/[^\a-\z\A-\Z0-9]/g,'')" onpaste="value=value.replace(/[^\a-\z\A-\Z0-9]/g,'')" oncontextmenu = "value=value.replace(/[^\a-\z\A-\Z0-9]/g,'')">

JS 控制文本框只能输入中文

<input onkeyup="value=value.replace(/[^\u4E00-\u9FA5]/g,'')" onpaste="value=value.replace(/[^\u4E00-\u9FA5]/g,'')" oncontextmenu = "value=value.replace(/[^\u4E00-\u9FA5]/g,'')">

JS 控制文本框只能输入中文、英文、数字

<input onkeyup="value=value.replace(/[^\a-\z\A-\Z0-9\u4E00-\u9FA5]/g,'')" onpaste="value=value.replace(/[^\a-\z\A-\Z0-9\u4E00-\u9FA5]/g,'')" oncontextmenu = "value=value.replace(/[^\a-\z\A-\Z0-9\u4E00-\u9FA5]/g,'')">

JS 控制文本框只能输入中文、英文、数字、空格

<input onkeyup="value=value.replace(/[^\a-\z\A-\Z0-9\u4E00-\u9FA5\ ]/g,'')" onpaste="value=value.replace(/[^\a-\z\A-\Z0-9\u4E00-\u9FA5\ ]/g,'')" oncontextmenu = "value=value.replace(/[^\a-\z\A-\Z0-9\u4E00-\u9FA5\ ]/g,'')">

JS 控制文本框只能输入中文、英文、数字、小数点

<input onkeyup="value=value.replace(/[^\a-\z\A-\Z0-9\u4E00-\u9FA5\.]/g,'')" onpaste="value=value.replace(/[^\a-\z\A-\Z0-9\u4E00-\u9FA5\.]/g,'')" oncontextmenu = "value=value.replace(/[^\a-\z\A-\Z0-9\u4E00-\u9FA5\.]/g,'')">

总而言之:先在<input>里输入onkeyup="value=value.replace(/[^\X]/g,'')" 然后在(/[\X]/g,'')里的X换成你想输入的代码就可以了,中文u4E00-u9FA5,数字0-9,英文a-z\A-Z,其它符号@、点或其它符号。也可以多个,用\隔开就行了。

例如:中英文 + 数字 + @符号 + 点符号   \a-\z\A-\Z0-9\u4E00-\u9FA5\@\.

若想在文本框里不能右键弹出菜单和不能粘贴进复制的信息的话

就要在<input>里输入 onpaste="return false" oncontextmenu="return false;"

以上这篇JS实现控制文本框的内容就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持小牛知识库。

 类似资料:
  • 本文向大家介绍同步文本框内容JS代码实现,包括了同步文本框内容JS代码实现的使用技巧和注意事项,需要的朋友参考一下 本文实例为大家分享了同步文本框内容JS代码,供大家参考,具体内容如下 图例1  图例2  需要引用 <script type="text/javascript" src="jquery-1.4.4.min.js"></script> 以上就是本文的全部内容,希望对大家的学习有所帮助,

  • 本文向大家介绍js实现鼠标点击文本框自动选中内容的方法,包括了js实现鼠标点击文本框自动选中内容的方法的使用技巧和注意事项,需要的朋友参考一下 本文实例讲述了js实现鼠标点击文本框自动选中内容的方法。分享给大家供大家参考。具体如下: 这里使用JS实现鼠标点击时自动选中文本框文本的效果,相信许多朋友都遇到这种功能的,就是当我们点击文本框的时候,文本框中默认的文字会被全部选中,这样当你输入的时候不用再

  • 本文向大家介绍js实现控制文件拖拽并获取拖拽内容功能,包括了js实现控制文件拖拽并获取拖拽内容功能的使用技巧和注意事项,需要的朋友参考一下 在用户拖拽文件到浏览器的某个元素上时,js可以监听到与拖拽相关的事件,并对拖拽结果进行处理,本文讨论下和拖拽文件相关的一些问题,不过没有处理太多关于兼容性的问题。 拖拽事件 js能够监听到拖拽的事件有drag、dragend、dragenter、dragexi

  • 本文向大家介绍js限制文本框的输入内容代码分享(3类),包括了js限制文本框的输入内容代码分享(3类)的使用技巧和注意事项,需要的朋友参考一下 为大家分享的JavaScript限制文本框的输入内容代码如下 运行效果图: 下面再给大家补充一些: 小数点后只能有最多两位(数字,中文都可输入),不能输入字母和运算符号: 文本框只能输入数字代码(小数点也不能输入) 其实还可以限制其他内容,比如只能是字母,

  • 本文向大家介绍js实现仿Discuz文本框弹出层效果,包括了js实现仿Discuz文本框弹出层效果的使用技巧和注意事项,需要的朋友参考一下 本文实例讲述了js实现仿Discuz文本框弹出层效果。分享给大家供大家参考。具体如下: 这是一个在经典论坛曾经热讨论的问题,记得在QQ邮箱里也有类似功能,Discuz7.0论坛里同样也有,当你的鼠标单击文本框的时候,会弹出一个包含文字、图片、表单无素的DIV层

  • 本文向大家介绍js控制文本框禁止输入特殊字符详解,包括了js控制文本框禁止输入特殊字符详解的使用技巧和注意事项,需要的朋友参考一下 在开发难免遇到一些前端需要验证输入的数据是否合法的问题,收集分享在这里同学们使用,欢迎补充。 1.标签上直接替换方法: JS 控制不能输入特殊字符 JS 控制文本框只能输入数字 JS 控制文本框只能输入数字、小数点 JS 控制文本框只能输入英文 JS 控制文本框只能输