首页 / JAVASCRIPT / 解析使用js判断只能输入数字、字母等验证的方法(总结)

解析使用js判断只能输入数字、字母等验证的方法(总结)

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了解析使用js判断只能输入数字、字母等验证的方法(总结)，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含10108字，纯文字阅读大概需要15分钟。

内容图文

JS判断只能是数字和小数点
0.不能输入中文
1）<input onpaste=”return false;” type=”text” name=”textfield” style=”width:400px; ime-mode:disabled” value=””>
2）<script>
function chkIt(frm){
if (frm.n1.value.length>0&&frm.n1.value.match(/[\x01-\xFF]*/)==false){
alert(‘n1不能输入中文！')
frm.n1.focus();
return false;
}
}
</script>
<body>
<form onsubmit=”return chkIt(this)”>
<input name=”n1″>
<input name=”n2″>
<input name=”smt” type=”submit” value=”提交”>
</form>
</body>

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 t_value=”” o_value=”” onkeypress=”if(!this.value.match(/^[\+\-]?\d*?\.?\d*?$/))this.value=this.t_value;else this.t_value=this.value;if(this.value.match(/^(?:[\+\-]?\d+(?:\.\d+)?)?$/))this.o_value=this.value” onkeyup=”if(!this.value.match(/^[\+\-]?\d*?\.?\d*?$/))this.value=this.t_value;else this.t_value=this.value;if(this.value.match(/^(?:[\+\-]?\d+(?:\.\d+)?)?$/))this.o_value=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.o_value=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′)”>

禁止特殊字符：

onKeyPress=”if(event.keyCode < 45 || event.keyCode > 57 ) event.returnValue = false;”

只能输入汉字：
<input onkeyup=”value=value.replace(/[^/u4E00-/u9FA5]/g,”)” onbeforepaste=”clipboardData.setData(‘text',clipboardData.getData(‘text').replace(/[^/u4E00-/u9FA5]/g,”))”>
style=”ime-mode:disabled”禁止汉字输入法

只能输入数字：
<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,”)”
onkeydown=”if(event.keyCode==32) return false”
只能输入中文和英文：
onkeyup=”value=value.replace(/[^/a-zA-Z/u4E00-/u9FA5]/g,”)” onbeforepaste=”clipboardData.setData(‘text',clipboardData.getData(‘text').replace(/[^/a-zA-Z/u4E00-/u9FA5]/g,”))”

不允许输入特殊字符和空格:
<input id=”code” onkeypress=”return ValidateSpecialCharacter();” onblur=”validate(this)”/>

————————————————————————————————————————
不能为空
<input onblur=”if(this.value.replace(/^ +| +$/g,”)==”)alert(‘不能为空!')”>
判断字符由字母和数字，下划线,点号组成.且开头的只能是下划线和字母
/^([a-zA-z_]{1})([\w]*)$/g.test(str)
只能输入数字
<input name=”text” type=”text” id=”NewPage” onKeyUp=”value=value.replace(/\D/g,”)” onafterpaste=”value=value.replace(/\D/g,”)” >
只能输入中文
<input type=”text” onkeyup=”value=value.replace(/[^\u4E00-\u9FA5]/g,”)”>
只能输入英文
<input type=”text” onkeyup=”value=value.replace(/[^\a-\z\A-\Z]/g,”)”>
<input type=”text” onkeyup=”value=value.replace(/[^a-zA-Z]/g,”)”>
——————————————————————————————————————–
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 t_value=”” o_value=”” onkeypress=”if(!this.value.match(/^[/+/-]?/d*?/.?/d*?$/))this.value=this.t_value;else this.t_value=this.value;if(this.value.match(/^(?:[/+/-]?/d+(?:/./d+)?)?$/))this.o_value=this.value” onkeyup=”if(!this.value.match(/^[/+/-]?/d*?/.?/d*?$/))this.value=this.t_value;else this.t_value=this.value;if(this.value.match(/^(?:[/+/-]?/d+(?:/./d+)?)?$/))this.o_value=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.o_value=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 type=”text” onkeyup=”value=value.replace(/[^\a-\z\A-\Z0-9\u4E00-\u9FA5\@\.]/g,”)”>
只允许输入英文，且不能粘贴也无法弹出粘贴菜单
<input type=”text” onkeyup=”value=value.replace(/[^\a-\z\A-\Z]/g,”)” onkeydown=”fncKeyStop(event)” onpaste=”return false” oncontextmenu = “return false”/>
只能输入数字和点号(注意:在[^\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、0-9
英文：a-z、A-Z
其它符号@,点或其它符号.也可以多个,用\隔开就行了.
例如:
中、英文和数字加@符号加点符号：\a-\z\A-\Z0-9\u4E00-\u9FA5\@\.
若想在文本框里不能右键弹出菜单和不能粘贴进复制的信息的话就要在<input>里输入 onKeyDown=”fncKeyStop(event)” onpaste=”return false” oncontextmenu=”return false;”
—————————————————————————————————————————————

其一，只允许输入数字和小数点。
<input onKeypress=”return (/[/d.]/.test(String.fromCharCode(event.keyCode)))” style=”ime-mode:Disabled”>

其二，判断的更详细一些，甚至22..2这样不算数字也判断得出来

其三，只允许输入整数。其实也完全可以根据第三条来举一反三做一些限制。

style=”ime-mode:Disabled
这句是比较实用的。意为关闭输入法。省得有些人开着全角输入数字，结果输入不进去来找你哭天抹泪的，还怪你设计的不好。

只允许输入数字
<input name=”username” type=”text” onkeyup=”value=this.value.replace(//D+/g,”)”>

只允许输入英文字母、数字和下划线(以下二种方法实现)
<input name=”userna其一，只允许输入数字和小数点。
<input onKeypress=”return (/[/d.]/.test(String.fromCharCode(event.keyCode)))” style=”ime-mode:Disabled”>

其二，判断的更详细一些，甚至22..2这样不算数字也判断得出来

其三，只允许输入整数。其实也完全可以根据第三条来举一反三做一些限制。

style=”ime-mode:Disabled
这句是比较实用的。意为关闭输入法。省得有些人开着全角输入数字，结果输入不进去来找你哭天抹泪的，还怪你设计的不好。

只允许输入数字
<input name=”username” type=”text” onkeyup=”value=this.value.replace(//D+/g,”)”>

只允许输入英文字母、数字和下划线(以下二种方法实现)
<input name=”username” type=”text” style=”ime-mode:disabled”>
<input name=”username” type=”text” onkeyup=”value=value.replace(/[^/w/.//]/ig,”)”>

只允许输入英文字母、数字和&=@
<input name=”username” type=”text” onkeyup=”value=value.replace(/[^/w=@&]|_/ig,”)”>

只允许输入汉字
<input name=”username” type=”text” onkeyup=”value=value.replace(/[^/u4E00-/u9FA5]/g,”)”>
me” type=”text” style=”ime-mode:disabled”>
<input name=”username” type=”text” onkeyup=”value=value.replace(/[^/w/.//]/ig,”)”>

只允许输入英文字母、数字和&=@
<input name=”username” type=”text” onkeyup=”value=value.replace(/[^/w=@&]|_/ig,”)”>

只允许输入汉字
<input name=”username” type=”text” onkeyup=”value=value.replace(/[^/u4E00-/u9FA5]/g,”)”>

内容总结

以上是互联网集市为您收集整理的解析使用js判断只能输入数字、字母等验证的方法(总结)全部内容，希望文章能够帮你解决解析使用js判断只能输入数字、字母等验证的方法(总结)所遇到的程序开发问题。如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容，请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

扫描二维码推送至手机访问。

本文链接：https://qyyshop.com/info/366559.html

来源：【匿名】

【上一篇】url参数中有+、空格、=、%、&、#等特殊符号的问题解决【下一篇】javascript 怎么调用php方法

更多 ►

【解析使用js判断只能输入数字、字母等验证的方法(总结)】教程文章相关的互联网学习教程文章

Javascript闭包深入解析及实现方法【代码】【图】

1、什么是闭包闭包，官方对闭包的解释是：一个拥有许多变量和绑定了这些变量的环境的表达式（通常是一个函数），因而这些变量也是该表达式的一部分。闭包的特点：1. 作为一个函数变量的一个引用，当函数返回时，其处于激活状态。2. 一个闭包就是当一个函数返回时，一个没有释放资源的栈区。简单的说，Javascript允许使用内部函数—即函数定义和函数表达式位于另一个函数的函数体内。而且，这些内部函数可以访问它们所在的外部函数中...

Javascript创建对象几种方法解析【代码】

Javascript创建对象几种方法解析Javascript面向对象编程一直是面试中的重点，将自己的理解整理如下，主要参考《Javascript高级程序设计第三版》，欢迎批评指正。通过字面量形式，创建对象: var person_1 = {name: "userName",age: 20}工厂模式创建对象通过一个构造函数接收参数的方式构造对象，可无数次调用这个函数，通过改变参数构造不同的对象 function createPerson(name,age){var o = new Object();//创建...

JavaScript（2）——网页解析过程【代码】【图】

JavaScript 网页解析过程前端编程工具：Visual Studio Code快捷语法：Emmett语法正题：　　当我们在浏览器输入网址的时候，从服务器下载网页；这个文字经过HTML解析器的处理生成一大堆对象，因此打开一个网页的时候会占用很大的内存。网页最终变成一副图片。网页解析成对象后，这些对象会被HTML渲染器（Rander）监视，然后把他们绘制成一张张图片；它会根据W3C去绘制，例如把button绘制成按钮，那么必须就绘制成按钮，绘制成怎样的...

D3.js以及通用JS（JavaScript）读取并解析服务器端JSON的注意事项

这个需求其实挺明确的，但是网上搜出来的教程都乱七八糟，觉得实在需要自己总结一下。 D3.js目前已经被广泛使用在数据可视化领域，随着大数据的持续发展，这个框架估计会在今后更加流行（据说其作者Mike Bostock开始全职开发了，之前是负责纽约时报数据可视化的工程师，他本人也从纽约搬家到了旧金山……）。按照这里的介绍：https://github.com/mbostock/d3/wiki/API-Reference，D3.js实际上有专门读取JSON数据的API，所以其实D3....

[JavaScript]作用域和预解析

作用域全局作用域：当浏览器关闭时才会销毁，较占资源。　　1. 指单独的js文件。　　2. 在函数内部没有声明直接赋值的变量，在函数执行后，也是全局变量。局部作用域：程序（代码块）执行完毕就会销毁。　　1. 一般指函数体内声明的。　　2. 函数的形参。*ES6新增：块级作用域:　　{ } if( ){ }　　　　　　for( ){ } 作用域链只要是代码，就至少有一个作用域。如果函数中还有函数，那么在这个作...

<JavaScript语言精粹>JSON解析器源码阅读【代码】

1// 这是一个用JavaScript编写JSON解析器的实现方案： 2var jsonParser = (function() {3// 这是一个能把JSON文本解析成JavaScript数据结构的函数。 4// 它是一个简单的递归降序解析器。 5// 我们在另一个函数中定义此函数，以避免创建全局变量。 6 7var at, // 当前字符索引 8 ch, // 当前字符 9 escapee = {10 ‘"‘: ‘"‘,11 "\\": "\\",12 "/": "/",13 b: "b",14 f: "\f",15 ...

原生JavaScript实现对象的混合与克隆效果，带完整版解析代码[helpers.js]【代码】

前言：????????本人纯小白一个，有很多地方理解的没有各位大牛那么透彻，如有错误，请各位大牛指出斧正！小生感激不尽。????????本篇文章为您分析一下原生JS的混合与克隆对象混合页面中如下需求var obj1 = {x: 1,y: "a" }var obj2 = {x: "b",o: 6 }<div style="background-color: rgba(0,255,255,0.5)";>页面上有两个对象我们要把这两个对象混合成一个形成如下结构：

浏览器解析JavaScript原理（1）【代码】

特点: 　　　　1、跨平台　　　　2、弱类型：JavaScript 定义的时候不需要定义数据类型,数据类型是根据变量值来确定的　　　　　　强类型：定义变量的时候需要定义变量的类型：例如java,C#中的int a = 10 boolean a = true，直接确定了数据类型　　　　3、解释执行，逐行执行　　　　　　JavaScript 执行过程 1、语法检测看你有没有基本的语法错误,例如中文,关键字错误　　　　　　　　　　　　　　　...

javascript各种模式解析【代码】

1、工厂模式；工厂模式是软件工程领域一种广为人知的设计模式，这种模式抽象了创建具体对象的过程（后面还将讨论其他设计模式及其在JavaScript 中的实现）。考虑到在ECMAScript 中无法创建类，开发人员就发明了一种函数，用函数来封装以特定接口创建对象的细节，如下面的例子所示。function createPerson(name, age, job) {var o = new Object();o.name = name;o.age = age;o.job = job;o.sayName = function() {alert(this.name)}...

高性能js之js文件的加载与解析【图】

随着网站的发展，现在的网页已经离不开js，经常一个页面会引入大量的js。那么该如何合理的加载这些js？ head标签中引入js文件可能是最常见的一种方式，但是这样会造成一个问题。因为j可以说是浏览器中的霸主，换句话说在js的引入和解析过程中页面是不会进行加载和渲染的。那么如果js加载的时间过长，就会造成页面一段时间的空白，这样的用户体验无疑是很差的。下图是引入head中js和css时的加载过程。从上图可以看到加载和解...

关于js replace 第二个参数时函数时，函数参数解析【代码】

先看一段代码function formateString(str,obj) {return str.replace(/\{#(\w+)#\}/g,function(match,key,index,source){console.log(arguments);return obj[key]}) } var string=‘<div>{#content#}</div>‘; formateString(string,{content:‘helloWorld‘});match 是匹配到字符串示例中为{#content#}key 是捕获分组中内容（无分组时不存在），正则表达式中小括号内的内容为一个分组，所以示例中为contentindex 是字符串的下表也...

JavaScript解析json字符串

在JavaWeb的开发过程中对json字符串的解析是比较常见的，那么怎么借助JavaScript去解析json字符串呢？这里直接上代码：代码一一个 Servletpackage com.ghj.servlet;import java.io.IOException; import java.io.PrintWriter; import java.util.ArrayList; import java.util.HashMap; import java.util.List; import java.util.Map;import javax.servlet.ServletException; import javax.servlet.http.HttpServlet; import ...

[WebKit内核] JavaScriptCore深度解析--基础篇（一）字节码生成及语法树的构建【图】

看到HorkeyChen写的文章《[WebKit] JavaScriptCore解析--基础篇(三)从脚本代码到JIT编译的代码实现》，写的很好，深受启发。想补充一些Horkey没有写到的细节比如字节码是如何生成的等等，为此成文。 JSC对JavaScript的处理，其实与Webkit对CSS的处理许多地方是类似的，它这么几个部分：（1）词法分析->出来词语(Token)；（2）语法分析->出来抽象语法树（AST：Abstract Syntax Tree）；（3）遍历抽象语法树->生成字节码（Bytec...

JS解析url【代码】

window.location.href　　整个url字符串window.location.protocol　　url的协议部分window.location.host　　url的主机部分window.location.port　　url的端口部分window.location.pathname　　url的路径部分window.location.search　　url的查询部分window.location.hash　　url锚点 JS实现url的search解析，返回json格式对象：function searchParse(){var resultObj = {};var search = window.location.search;if(search.length ...

关于客户端Javascript中XML解析的总结【代码】【图】

前几日阅读了“谷哥”的文章“XPath详解，总结”（原文地址：http://www.cnblogs.com/ktgu/archive/2009/04/16/1353246.html），写得很详细，推荐一下。这里写一点自己的总结，以备日后查阅。不同浏览器使用xpath解析xml的方式：function loadXMLDoc(dname) {if (window.XMLHttpRequest) {xhttp = new XMLHttpRequest();}else {xhttp = new ActiveXObject("Microsoft.XMLHTTP");}xhttp.open("GET", dname, false);try {//IE10中AJA...

首页 / JAVASCRIPT / 解析使用js判断只能输入数字、字母等验证的方法(总结)

解析使用js判断只能输入数字、字母等验证的方法(总结)

内容导读

内容图文

内容总结

内容备注

内容手机端

【解析使用js判断只能输入数字、字母等验证的方法(总结)】教程文章相关的互联网学习教程文章

输入 - 相关标签

验证 - 相关标签

JAVASCRIPT - 技术教程分类

JAVASCRIPT - 最新教程

JAVASCRIPT - 最热教程