脚本之家 服务器常用软件
快捷导航
您的位置：首页 → 网络编程 → JavaScript → javascript技巧 → javaScript限制文本框的输入内容代码

js限制文本框的输入内容代码分享（3类）

 更新时间：2015年08月20日 17:04:59   投稿：lijiao  
这篇文章主要介绍了3类js限制文本框的输入内容代码,需要的朋友可以参考下

为大家分享的JavaScript限制文本框的输入内容代码如下

<style type="text/css">
<!--
.STYLE1 {
 color: #0099FF;
 font-weight: bold;
 font-size: x-large;
}
-->
</style>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p align="center" class="STYLE1">亲，试试效果吧！</p>
<p align="center"><strong>请输入数字或字母</strong>：
 <input onkeyup="value=value.replace(/[\W]/g,'') "onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^\d]/g,''))">
</p>
<p align="center"><strong>请输入数字，只能输入数字哦</strong>：
 <input onkeyup="value=value.replace(/[^\d]/g,'') "onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^\d]/g,''))">
</p>
<p align="center"><strong>请输入汉字，只能输入汉字哦</strong>：
 <input onkeyup="value=value.replace(/[^\u4E00-\u9FA5]/g,'')" onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^\u4E00-\u9FA5]/g,''))">
</p>

运行效果图：

下面再给大家补充一些：

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

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

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

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

其实还可以限制其他内容，比如只能是字母，大家可以尝试一些其他的。

以上就是为大家分享的JavaScript限制文本框的输入内容代码

您可能感兴趣的文章:

相关文章

  • echarts实现晶体球面投影的实例教程

    echarts实现晶体球面投影的实例教程

    这篇文章主要给大家介绍了关于echarts实现晶体球面投影的相关资料，文中介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
    2020-10-10
  • 微信小程序使用radio显示单选项功能【附源码下载】

    微信小程序使用radio显示单选项功能【附源码下载】

    这篇文章主要介绍了微信小程序使用radio显示单选项功能,涉及针对radio组件事件响应相关操作技巧,并附带源码供读者下载参考,需要的朋友可以参考下
    2017-12-12
  • js实现数组和对象的深浅拷贝

    js实现数组和对象的深浅拷贝

    这篇文章主要为大家详细介绍了js实现数组和对象的深浅拷贝，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
    2017-09-09
  • 解析Javascript单例模式概念与实例

    解析Javascript单例模式概念与实例

    本文将介绍Javascript模式中较为常见和实用的模式——单例模式，主要分为概念和实例部分。在介绍实例的同时也会对代码中额外的知识点进行讲解。需要的朋友可以看下
    2016-12-12
  • JavaScript实现定时隐藏与显示图片的方法

    JavaScript实现定时隐藏与显示图片的方法

    这篇文章主要介绍了JavaScript实现定时隐藏与显示图片的方法,可实现javascript定时关闭图片的功能,涉及javascript针对页面元素属性定时操作的相关技巧,需要的朋友可以参考下
    2015-08-08
  • JS实现拼图游戏

    JS实现拼图游戏

    这篇文章主要为大家详细介绍了JS实现拼图游戏，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
    2019-12-12
  • JS实现读取xml内容并输出到div中的方法示例

    JS实现读取xml内容并输出到div中的方法示例

    这篇文章主要介绍了JS实现读取xml内容并输出到div中的方法,涉及javascript针对xml格式数据的读取、遍历、输出等相关操作技巧,需要的朋友可以参考下
    2018-04-04
  • 跨浏览器的事件对象介绍

    跨浏览器的事件对象介绍

    虽然IE的事件对象与DOM的事件对象存在差异，但是IE事件对象中所包含的信息和能力，与DOM事件对象是相同的，只是表现形式不同而已，通过映射的方式，我们可以实现兼容IE和DOM事件对象的事件对象
    2012-06-06
  • 基于JavaScript打造一款桌面级便签系统

    基于JavaScript打造一款桌面级便签系统

    本文将用html，css和JavaScript实现一个简单的便签系统。除非手动清空便签，否则便签会一直保留，非常方便。感兴趣的小伙伴可以跟随小编一起动手试一试
    2022-02-02
  • html5+CSS 实现禁止IOS长按复制粘贴功能

    html5+CSS 实现禁止IOS长按复制粘贴功能

    因为在移动端APP需要实现长按执行别的事件，但是在iOS系统有默认的长按选择复制粘贴。禁止在网上找了很多资料，下面小编给大家分享解决方案，一起看看吧
    2016-12-12

最新评论