×

使用JS想要判断一个值是否为正整数,要怎么实现?

作者:andy0012020.02.21来源:Web前端之家浏览:306评论:0

使用JS想要判断一个值是否为正整数,要怎么实现?

在javascript中可以使用test()方法,通过正则表达式来判断指定值是否为正整数;需要用到正则表达式:"/^+?[1-9][0-9]*$/"

示例:

<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8">
		<title>检测正整数</title>
	</head>
	<script>
		<!-- 判断是否为正整数-->
		function fun() {
			var value = document.getElementById("value").value;
			var ele = document.getElementById("message");
			ele.style.color = "red";
			if(value == "") {
				ele.innerHTML = "请输入内容";
			} else {
				var r = /^\+?[1-9][0-9]*$/;
				if(r.test(value)) {
					ele.style.color = "green";
					ele.innerHTML = "是一个正整数";
				} else {
					ele.innerHTML = "不是正整数,请输入一个正整数";
				}
			}

		}
	</script>

	<body>
		<center>
			<input type="text" id="value" style="width: 50px">
			<input type="button" onclick="fun()" value="检测"><br><br>
			<div id="message"></div>
		</center>
	</body>

</html>

什么是正则表达式?

正则表达式(regular expression)是一个描述字符模式的对象。ECMAScript的RegExp类表示正则表达式,而String和RegExp都定义了使用正则表达式进行强大的模式匹配和文本检索与替换的函数。

正则表达式主要用来验证客户端的输入数据。用户填写完表单单击按钮之后,表单就会被发送到服务器,在服务器端通常会用 PHP、ASP.NET 等服务器脚本对其进行进一步处理。因为客户端验证,可以节约大量的服务器端的系统资源,并且提供更好的用户体验。

如何创建正则表达式?

创建正则表达式和创建字符串类似,创建正则表达式提供了两种方法,一种是采用new运算符,另一个是采用字面量方式。

模式修饰符的可选参数含义

● i忽略大小写
● g全局匹配
● m多行匹配

1、new运算符

var box = new RegExp('Box', 'gi');              //第一个参数是模式字符串   //第二参数可选,模式修饰符

示例:使用new运算符方式的test()匹配

var pattern = new RegExp('Box');            //创建正则模式
var str = 'box';                            //创建要比对的字符串
alert(pattern.test(str));                   //返回的是false,大小写不一致

var pattern = new RegExp('Box', 'i');        //创建正则模式,不区分大小写
var str = 'box';                             //创建要比对的字符串            
alert(pattern.test(str));                    //通过test()方法验证是否匹配:true

2、字面量方式

var box = /Box/;                //使用字面量方式的正则
var box = /Box/ig;                                 //字面量正则,带修饰符的

示例:使用字面量运算符方式的test()匹配:

var pattern = /Box/i;                        //创建正则模式,不区分大小写
var str = 'box';
alert(pattern.test(str));                    //true

可以一句话使用test匹配

alert(/Box/i.test('box'));                     //true,一句话匹配

温馨提示:本文作者系 ,经Web前端之家编辑修改或补充,转载请注明出处和本文链接:
http://www.miarww.com.cn/article/js82uodieutoierut98375.html

网友评论文明上网理性发言 已有0人参与

发表评论:

最新留言

首页|JavaScript|HTML|HTML4|HTML5|CSS3|开发工具|性能优化|移动开发|前端教程|性能优化|开发工具|酷站欣赏|UI设计|前端教程

Copyright ? 2019 Web前端之家(www.miarww.com.cn) 版权所有 All Rights Reserved.
粤ICP备12067512号-1

Copyright Your WebSite.Some Rights Reserved.

Powered By Z-BlogPHP 1.5.2 Zero

时时彩平台哪个好 双色球什么是胆码和拖码 山西11选5跨度走势图 三分彩官网 北京快三1000开奖结果 黑龙江11选5遗漏 湖北福彩30选5开奖详情 最好用的手机pk10软件 重庆时时最新开奖历史 股票低位放量下跌意 河南快3和值大小 福建快3开奖结果全部 排列五人工计划体彩 茅台酒股票行情 内蒙快3号码推荐三不同 排列三双胆专家预测 海南4十1今天开奖结果