网站专题BANNER

用JS的正则表达式如何判断输入框内为中文或者是英文数字,或者是三者混编

发表日期:2022-03-24 15:27:07 文章编辑:洛壹网络

用JS的正则表达式如何判断输入框内为中文或者是英文数字,或者是三者混编:
1.只能输入数字和英文的:

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

2.只能输入数字的:

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

3.只能输入全角的:

<input onkeyup="value=value.replace(/[^\uFF00-\uFFFF]/g,'')" onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^\uFF00-\uFFFF]/g,''))">

4..只能输入汉字的:

<input onkeyup="value=value.replace(/[^\u4E00-\u9FA5]/g,'')" onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^\u4E00-\u9FA5]/g,''))">

也可以这样:

<input type=text name= caolig value ="" onblur="if (!(/^[\d]+\.?\d*$/.test(this.value)) ){alert('您的输入有误'); this.value='';this.focus();}">  

5>.
文本框里只能输入特定的字付的和文本框里不能右键弹

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>无标题文档</title>
</head>
 
 
<body>
只能输入数字
<br>
<input name="text" type="text" id="NewPage"
onKeyUp="this.value=this.value.replace(/\D/g,'')"
onafterpaste="this.value=this.value.replace(/\D/g,'')" >
<br>
只能输入英文和数字
<br>
<input name="text1" maxlength="13" onKeyUp="value=value.replace(/[^a-zA-Z0-9]/g,'')" onMouseOver="value=value.replace(/[^a-zA-Z0-9]/g,'')" onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^a-zA-Z0-9]/g,''))">
<br>
只能输入中文
<br>
<input type="text" onkeyup="value=value.replace(/[^\u4E00-\u9FA5]/g,'')">
<br>
<br>
实验成功
<br>只能输入数字<br>
<input type=text onkeyup="this.value=this.value.replace(/\D/g,'')">
 
 
<br>只能输入数字<br>
<input type="text" onkeyup="value=value.replace(/\D/g,'')">
 
 
<br>只能输入大小写英文<br>
<input type="text" onkeyup="value=value.replace(/[^\a-\z\A-\Z]/g,'')">
 
 
<br>只能输入大小定英文和数字<br>
<input type="text" onkeyup="value=value.replace(/[^\a-\z\A-\Z0-9]/g,'')">
 
 
<br>只能输入中文<br>
<input type="text" onkeyup="value=value.replace(/[^\u4E00-\u9FA5]/g,'')">
 
 
<br>只能输入大小定中文、英文和数字和@符号和.符号<br>
<input type="text" onkeyup="value=value.replace(/[^\a-\z\A-\Z0-9\u4E00-\u9FA5\@\.]/g,'')">
 
 
<br>只允许输入大小写英文,且不能粘贴也无法弹出粘贴菜单<br />
<input type="text" onkeyup="value=value.replace(/[^\a-\z\A-\Z]/g,'')" onkeydown="fncKeyStop(event)" onpaste="return false" oncontextmenu = "return false"/>
 
 
<br><br>
只能输入数字和点号(注意:在[^\d\.]里的d不能写成大写D,要不然会得不到想要的效果)
<input name="price" type="text" size="8" maxlength="8" onkeyup="value=value.replace(/[^\d\.]/g,'')" >
 
 
总而言之:先在<input>里输入onkeyup="value=value.replace(/[^\X]/g,'')" 然后在(/[\x]/g,'')里的X换成你想输入的代码就可以了,中文u4E00-u9FA5数字d英文a-z\A-Z其它符号@,点或其它符号.也可 以多个,用\隔开就行了.例如中英文和数字加@符号加点符号\a-\z\A-\Z0-9\u4E00-\u9FA5\@\.
若想在文本框里不能右键弹出菜单和不能粘贴进复制的信息的话
就要在<input>里输入 onKeyDown="fncKeyStop(event)" onpaste="return false" oncontextmenu="return false;"
</body>
</html>

下一篇:css制作扇形
相关内容
纯静态和伪静态的区别?

我们从以下三个方面,对比纯静态和伪静态两种静态页面生成方式,逐一展开分析。

css制作扇形

css制作扇形

纯CSS3文字Loading动画特效

纯CSS3文字Loading动画特效

PhpStorm 2022.1 EAP#3 发布:增强多行和嵌套数组形状

PhpStorm 2022.1 EAP 3 在 PHPDoc 和属性中添加了对多行和嵌套数组形状的完全支持:在这种情况下,可以使用数组形状注释定义数组结构,以获得键的代码补全并推断值的类型。

2022年PHP的现状以及最新版本带来的特性

PHP作为Web界第一大语言近年来热度不够,但是这几年的进步和成长却没有中断。在2022伊始,我们来一起学习一下目前PHP的现状以及最新版本带来的特性。

网站开发技术分享:Linux程序前台后台切换详解

Linux程序前台后台切换:在Linux终端运行命令的时候,在命令末尾加上 & 符号,就可以让程序在后台运行Ubuntu$">root@Ubuntu$ ./tcpserv01 &

如何分辨python换行符,Python换行符的多行模式

Python 的正则表达式支持 多行模式,将每行文字分别匹配。然而各种操作系统里,换行符的表示法各不相同,会导致 Python 不能正确使用多行模式。

影响整个网页的成败,Flex弹性布局介绍

弹性布局,又称“Flex布局”,是由W3C老大哥于2009年推出的一种布局方式。可以简便、完整、响应式地实现各种页面布局。而且已经得到所有主流浏览器的支持,我们可以放心大胆的使用。

我们
定制
咨询
联系
在线咨询
您的浏览器版本太低

请升级您的浏览器: Internet Explorer11 或以下浏览器: Firefox  /  Chrome  /  360极速浏览器