js正则表达式限制文本框只能输入数字,小数点,英文字母,汉字等各类代码

2024-04-10 22:58
文章标签 代码 输入 js 正则表达式 限制 数字 只能 文本框 小数点 汉字 英文字母 各类

本文主要是介绍js正则表达式限制文本框只能输入数字,小数点,英文字母,汉字等各类代码，希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！

1.用户名只允许为英文，数字和汉字的混合
var reg = /^(\w|[\u4E00-\u9FA5])*$/;
if(arr=username.match(reg))
{
ti=1;
return ture;
}
else
{
alert("用户名只允许为英文，数字和汉字的混合,\n请检查是否前后有空格或者其他符号");
ti=0;
return false;
} 

2.利用正则表达式限制网页表单里的文本框输入内容：

用正则表达式限制只能输入中文：οnkeyup="value=value.replace(/[^\u4E00-\u9FA5] /g,'')" onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^\u4E00-\u9FA5]/g,''))"

用正则表达式限制只能输入全角字符： οnkeyup="value=value.replace(/[^\uFF00-\uFFFF] /g,'')" onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^\uFF00-\uFFFF]/g,''))"

用正则表达式限制只能输入数字：οnkeyup="value=value.replace(/[^\d] /g,'') "onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^\d]/g,''))"

用正则表达式限制只能输入数字和英文：οnkeyup="value=value.replace(/[\W] /g,'') "onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^\d]/g,''))" 

数字 
<script> 
function check() 
{ 
if(!isNaN(document.all.form.str.value)) 
{ 
alert("数字"); 

} 
</script> 
字母 
<script> 
function check() 
{ 
var str = /[_a-zA-Z]/; 
if(str.test(document.all.form.str.value)) 
{ 
alert("字母"); 
} 
} 
</script> 
<form name="form" action="" οnsubmit="return check();"> 
<input type=text name=str> 
<input type=submit> 
<form> 

-------------------------------------------------------------------------------- 

/^[0-9a-zA-Z]+$/ 

-------------------------------------------------------------------------------- 

/** 
* 一些常用的javascript函数(方法) 
* 
* 为便于使用，均书写成String对象的方法 
* 把他保存为.js文件，可方便的扩展字符串对象的功能 
* 
* 方法名 功 能 
* ----------- -------------------------------- 
* Trim 删除首位空格 
* Occurs 统计指定字符出现的次数 
* isDigit 检查是否由数字组成 
* isAlpha 检查是否由数字字母和下划线组成 
* isNumber 检查是否为数 
* lenb 返回字节数 
* isInChinese 检查是否包含汉字 
* isEmail 简单的email检查 
* isDate 简单的日期检查，成功返回日期对象 
* isInList 检查是否有列表中的字符字符 
* isInList 检查是否有列表中的字符字符 
*/ 
/*** 删除首尾空格 ***/ 
String.prototype.Trim = function() { 
return this.replace(/(^\s*)|(\s*$)/g, ""); 
} 
/*** 统计指定字符出现的次数 ***/ 
String.prototype.Occurs = function(ch) { 
// var re = eval("/[^"+ch+"]/g"); 
// return this.replace(re, "").length; 
return this.split(ch).length-1; 
} 
/*** 检查是否由数字组成 ***/ 
String.prototype.isDigit = function() { 
var s = this.Trim(); 
return (s.replace(/\d/g, "").length == 0); 
} 
/*** 检查是否由数字字母和下划线组成 ***/ 
String.prototype.isAlpha = function() { 
return (this.replace(/\w/g, "").length == 0); 
} 
/*** 检查是否为数 ***/ 
String.prototype.isNumber = function() { 
var s = this.Trim(); 
return (s.search(/^[+-]?[0-9.]*$/) >= 0); 
} 

/*** 返回字节数 ***/ 
String.prototype.lenb = function() { 
return this.replace(/[^\x00-\xff]/g,"**").length; 
} 
/*** 检查是否包含汉字 ***/ 
String.prototype.isInChinese = function() { 
return (this.length != this.replace(/[^\x00-\xff]/g,"**").length); 
} 
/*** 简单的email检查 ***/ 
String.prototype.isEmail = function() { 
var strr; 
var mail = this; 
var re = /(\w+@\w+\.\w+)(\.{0,1}\w*)(\.{0,1}\w*)/i; 
re.exec(mail); 
if(RegExp.$3!="" && RegExp.$3!="." && RegExp.$2!=".") 
strr = RegExp.$1+RegExp.$2+RegExp.$3; 
else 
if(RegExp.$2!="" && RegExp.$2!=".") 
strr = RegExp.$1+RegExp.$2; 
else 
strr = RegExp.$1; 
return (strr==mail); 
} 
/*** 简单的日期检查，成功返回日期对象 ***/ 
String.prototype.isDate = function() { 
var p; 
var re1 = /(\d{4})[年./-](\d{1,2})[月./-](\d{1,2})[日]?$/; 
var re2 = /(\d{1,2})[月./-](\d{1,2})[日./-](\d{2})[年]?$/; 
var re3 = /(\d{1,2})[月./-](\d{1,2})[日./-](\d{4})[年]?$/; 
if(re1.test(this)) { 
p = re1.exec(this); 
return new Date(p[1],p[2],p[3]); 
} 
if(re2.test(this)) { 
p = re2.exec(this); 
return new Date(p[3],p[1],p[2]); 
} 
if(re3.test(this)) { 
p = re3.exec(this); 
return new Date(p[3],p[1],p[2]); 
} 
return false; 
} 
/*** 检查是否有列表中的字符字符 ***/ 
String.prototype.isInList = function(list) { 
var re = eval("/["+list+"]/"); 
return re.test(this); 
} 

 

 

js正则表达式限制文本框只能输入数字,小数点,英文字母,汉字等各类代码

1.文本框只能输入数字代码(小数点也不能输入)
<input οnkeyup="this.value=this.value.replace(/\D/g,'')" onafterpaste="this.value=this.value.replace(/\D/g,'')">

2.只能输入数字,能输小数点.
<input οnkeyup="if(isNaN(value))execCommand('undo')" onafterpaste="if(isNaN(value))execCommand('undo')">
<input name=txt1 οnchange="if(/\D/.test(this.value)){alert('只能输入数字');this.value='';}">

3.数字和小数点方法二
<input type=text tvalue="" ovalue="" οnkeypress="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" οnkeyup="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" οnblur="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 οnkeyup="value=value.replace(/[\d]/g,'') "onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[\d]/g,''))" maxlength=10 name="Numbers">

5.只能输入英文字母和数字,不能输入中文
<input οnkeyup="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 οnkeyup="this.value=this.value.replace(/^(\-)*(\d+)\.(\d\d).*$/,'$1$2.$3')">

————————————————————————————————————————

只能输入汉字：
<input οnkeyup="value=value.replace(/[^\u4E00-\u9FA5]/g,'')" onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^\u4E00-\u9FA5]/g,''))">

只能输入数字：
<input οnkeyup="value=value.replace(/[^\d]/g,'') "onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^\d]/g,''))">


只能输入英文和数字：
<input οnkeyup="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;">

只禁止空格输入
οnkeyup="value=value.replace(/\s/g,'')"

只能输入中文和英文：
οnkeyup="value=value.replace(/[^\a-zA-Z\u4E00-\u9FA5]/g,'')" onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^\a-zA-Z\u4E00-\u9FA5]/g,''))"

 

这篇关于js正则表达式限制文本框只能输入数字,小数点,英文字母,汉字等各类代码的文章就介绍到这儿，希望我们推荐的文章对编程师们有所帮助！


http://www.chinasem.cn/article/892388。

相关文章

C++使用栈实现括号匹配的代码详解

C++使用栈实现括号匹配的代码详解

《C++使用栈实现括号匹配的代码详解》在编程中,括号匹配是一个常见问题,尤其是在处理数学表达式、编译器解析等任务时,栈是一种非常适合处理此类问题的数据结构,能够精确地管理括号的匹配问题,本文将通过C+... 目录引言问题描述代码讲解代码解析栈的状态表示测试总结引言在编程中，括号匹配是一个常见问题，尤其是在
阅读更多...
Java调用DeepSeek API的最佳实践及详细代码示例

Java调用DeepSeek API的最佳实践及详细代码示例

《Java调用DeepSeekAPI的最佳实践及详细代码示例》：本文主要介绍如何使用Java调用DeepSeekAPI,包括获取API密钥、添加HTTP客户端依赖、创建HTTP请求、处理响应、... 目录1. 获取API密钥2. 添加HTTP客户端依赖3. 创建HTTP请求4. 处理响应5. 错误处理6.
阅读更多...
使用 sql-research-assistant进行 SQL 数据库研究的实战指南(代码实现演示)

使用 sql-research-assistant进行 SQL 数据库研究的实战指南(代码实现演示)

《使用sql-research-assistant进行SQL数据库研究的实战指南(代码实现演示)》本文介绍了sql-research-assistant工具,该工具基于LangChain框架,集... 目录技术背景介绍核心原理解析代码实现演示安装和配置项目集成LangSmith 配置（可选）启动服务应用场景
阅读更多...
前端原生js实现拖拽排课效果实例

前端原生js实现拖拽排课效果实例

《前端原生js实现拖拽排课效果实例》：本文主要介绍如何实现一个简单的课程表拖拽功能,通过HTML、CSS和JavaScript的配合,我们实现了课程项的拖拽、放置和显示功能,文中通过实例代码介绍的... 目录1. 效果展示2. 效果分析2.1 关键点2.2 实现方法3. 代码实现3.1 html部分3.2
阅读更多...
Python中顺序结构和循环结构示例代码

Python中顺序结构和循环结构示例代码

《Python中顺序结构和循环结构示例代码》：本文主要介绍Python中的条件语句和循环语句,条件语句用于根据条件执行不同的代码块,循环语句用于重复执行一段代码,文章还详细说明了range函数的使... 目录一、条件语句（1）条件语句的定义（2）条件语句的语法（a）单分支 if（b）双分支 if-else（
阅读更多...
Java数字转换工具类NumberUtil的使用

Java数字转换工具类NumberUtil的使用

《Java数字转换工具类NumberUtil的使用》NumberUtil是一个功能强大的Java工具类,用于处理数字的各种操作,包括数值运算、格式化、随机数生成和数值判断,下面就来介绍一下Number... 目录一、NumberUtil类概述二、主要功能介绍1. 数值运算2. 格式化3. 数值判断4. 随机
阅读更多...
JS 实现复制到剪贴板的几种方式小结

JS 实现复制到剪贴板的几种方式小结

《JS实现复制到剪贴板的几种方式小结》本文主要介绍了JS实现复制到剪贴板的几种方式小结,包括ClipboardAPI和document.execCommand这两种方法,具有一定的参考价值,感兴趣的... 目录一、Clipboard API相关属性方法二、document.execCommand优点：缺点：
阅读更多...
MySQL数据库函数之JSON_EXTRACT示例代码

MySQL数据库函数之JSON_EXTRACT示例代码

《MySQL数据库函数之JSON_EXTRACT示例代码》：本文主要介绍MySQL数据库函数之JSON_EXTRACT的相关资料,JSON_EXTRACT()函数用于从JSON文档中提取值,支持对... 目录前言基本语法路径表达式示例示例 1: 提取简单值示例 2: 提取嵌套值示例 3: 提取数组中的值注意
阅读更多...
CSS3中使用flex和grid实现等高元素布局的示例代码

CSS3中使用flex和grid实现等高元素布局的示例代码

《CSS3中使用flex和grid实现等高元素布局的示例代码》：本文主要介绍了使用CSS3中的Flexbox和Grid布局实现等高元素布局的方法，通过简单的两列实现、每行放置3列以及全部代码的展示，展示了这两种布局方式的实现细节和效果，详细内容请阅读本文，希望能对你有所帮助... 过往的实现方法是使用浮动加
阅读更多...
JAVA调用Deepseek的api完成基本对话简单代码示例

JAVA调用Deepseek的api完成基本对话简单代码示例

《JAVA调用Deepseek的api完成基本对话简单代码示例》：本文主要介绍JAVA调用Deepseek的api完成基本对话的相关资料,文中详细讲解了如何获取DeepSeekAPI密钥、添加H... 获取API密钥首先，从DeepSeek平台获取API密钥，用于身份验证。添加HTTP客户端依赖使用Jav
阅读更多...

Copyright China编程 23002807@qq.com

沪ICP备2023033072号-2