js方法正则表达式判断输入框

最新推荐文章于 2022-11-24 16:32:59 发布
最新推荐文章于 2022-11-24 16:32:59 发布
阅读量206 收藏
点赞数
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_45747093/article/details/102739245
版权 
<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<style type="text/css">
		.l {
			background-color: 9ad10e;
			border: 1px solid 0ed145
		}
		
		.w {
			line-height: 50px;
		}
	</style>
	</head>
	<body>
		<div align="center" style="width: 300px; height: 500px; background-color：0ed145; margin: 0 auto;margin-top: 50px;">

			<div style="width: 300px; text-align: center;">输入信息检测</div>
			<div class="w">用&nbsp;&nbsp;户&nbsp;&nbsp;名:<input class="l" type="text" id="id1" /></div>
			<div class="w">密&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;码: <input class="l" type="text" id="id2" /></div>
			<div class="w">确认密码: <input class="l" type="text" id="id3" /></div>
			<div class="w">邮&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;箱: <input class="l" id="id4" type="text" /></div>
			<div class="w">手&nbsp;&nbsp;机&nbsp;&nbsp;号: <input class="l" type="text" id="id5" /></div>
			<div class="w">身份证号: <input class="l" type="text" id="id6" /></div>
			<div class="w">地&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;址: <input id="id7" class="l" type="text" /></div>
			<div class="w"><input class="l" type="submit" value="点击查看" onclick="fun()" /> </div>
			<div id="ss"></div>

		</div>



<script type="application/javascript">
			var zz = [
				/^[A-Z]{1}\w{5,19}$/,
				/^[A-Z]{1}.{7,14}$/,
				/^[A-Z]{1}.{7,14}$/,
				/^[A-z0-9]+@[A-z0-9]+.com$/,
				/^1[3-9]{1}\d{9}$/,
				/^\d{18}|^\d{17}(X|x)$/,
				/^[\u4e00-\u9fa5][A-z0-9\u4e00-\u9fa5]+$/,

			];

			function fun() {
				var resut;
				var str01 = "";
				var show = document.getElementById("ss");
				for(var a = 1; a < 8; a++) {
					str01 = document.getElementById("id" + a).value;
					var zhe = zheng[a - 1];
					resut = zhe.test(str01);
				}

				if(resut != "") {
					show.innerText = "√";
					show.style.color = "green"; 
				} else {
					show.innerText = "×";
					show.style.color = "red"; 
				}

			}
		</script>

	</body>
</html>

 效果如下：

??7211
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
JS使用正则表达式判断输入框失去焦点事件
01-19
效果图 项目的正则表达式规则 1:用户名: 大写字母开头 6-20位字符(不允许有符号但是允许有_) 2:密码 大写开头 数字字母符号混合 8-15位 3:确认密码 大写开头 数字字母符号混合 8-15位 4:邮箱 邮箱格式 5:手机号 手机号格式 6:身份证号 身份证号格式 7:地址 中文开头 数字 – 字母 中文混合 项目目录 html代码 由于无法上传bootstrap.min.css 需要样式的需要前往官网下载 bootstrap中文网 <!DOCTYPE html> <html> <head> <meta charset=utf-8> <title></title
js中的三大判断语句(附输入框)
wdtn5656的博客
10-10 3697
js中的三大判断语句(附输入框) if switch 三元（）目运算符详解
js各种验证文本框输入格式(正则表达式)
12-09
不能为空 <input onblur=”if(this.value.replace(/^ +| +$/g,”)==”)alert(‘不能为空!’)”> 只能输入英文和数字<input onblur=”if(/[^0-9a-zA-Z]/g.test(value))alert(‘有错’)”><input onkeyup=”value=value.replace(/[^0-9a-zA-Z]/g,”)”/><input type=”text” onkeyup=”value=value.replace(/[^\a-\z\A-\Z0-9]/g,”)”> 判断字符由字母和数字，下划线,点号组成.且开头的只能
正则表达式输入框验证
weixin_38166686的博客
07-27 267
说明 1 onkeyup”=按键抬起触发,“onafterpaste”=粘贴之后触发,整体的意思是用于限制 2 3 \D:类似[^0-9] 非数字 4 /g：全局 5 this.value=this.value.replace(/\D/g,'') :把所有非数字的替换成空 6 7 img 是模式，为可选参数 8 i 忽略大小写 9 m 多行模式...
js正则判断input值
m0_68275786的博客
08-30 369
js正则判断input值为数字或小数点两位,正整数,防止SQL注入,首尾不能是空格,包含特殊字符
JS输入框正则校验
qq3892997的博客
11-26 620
1. 开发中需要对etl组件统一进行input输入框校验，允许为空，可以不校验，默认校验长度和特殊字符，代码如下，记录以备复用 /** * 数据值校验工具类 */ var checkService = { // 不校验 none: function () { return true; }, //非空校验 isEmpty:fu...
Javascript正则表达式实现输入框验证信息
m4587的博客
08-31 1603
一个正则表达式就是由普通字符（例如字符 a 到 z）以及特殊字符（称为元字符）组成的文字模式。该模式描述在查找文字主体时待匹配的一个或多个字符串。正则表达式作为一个模板，将某个字符模式与所搜索的字符串进行匹配。2.正则表达式验证输入框信息实现以下功能。...
js输入框使用正则表达式校验输入内容的实例
12-11
js输入框输入校验 /*用户名称格式判断——用户名只能为下划线、数字、...以上这篇js输入框使用正则表达式校验输入内容的实例就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持软件开发网。
微信小程序实现简单input正则表达式验证功能示例
11-27
本文实例讲述了微信小程序实现简单input正则表达式验证功能。分享给大家供大家参考，具体如下： 1、效果展示 2、关键代码 index.wxml文件 <input placeholder="输入内容" bindinput="check"></input> ...
值得收藏的八个常用的js正则表达式
12-09
开发中如果有input输入框，难免就要写正则表达式，因此在这里总结了一些常见常用的正则表达式的书写方法，希望会大家有所帮助； 附图：  一.手机号码 $(document).ready(function(){ //判断输入手机号码是否...
文本框输入限制(正则表达式)
06-05
文本框输入限制 正则表达式 直接粘贴复制就能用
js中在输入框中经常会用到正则表达式进行输入判断，感觉这个不错留存转载一下
m0_74878817的博客
11-24 154
数字:\d 位数限制:{m,n} 数字范围:[n-m], 出现次数: * +
js代码片断一：js判断控件是input还是select，// 获取地址参数
qq_39704803的博客
12-11 778
1.js判断控件是input还是select &lt;select id="aaa"&gt; &lt;option&gt;asdfasdf&lt;/option&gt; &lt;/select&gt; &lt;textarea id="ccc"&gt;asdfasdfasdf&lt;/textarea&gt; &lt;script&gt; alert(d
[Javascript] 正则表达式匹配的常用方法总结
一起来看烟花吧的博客
07-16 8736
正则 正则表达式可以被用于 RegExp 的 exec 和 test 方法以及 String 的 match、replace、search 和 split 方法。 正则表达式对象属性 lastIndex 下一次匹配开始的位置 ignoreCase 是否使用了 “i” 标记使正则匹配忽略大小写 global 是否使用了 “g” 标记来进行全局的匹配. multiline 是否使用了 “m” 标记使正则工作在多行模式（也就是，^ 和 $ 可以匹配字符串中每一行的开始和结束（行
jsp sys treeselect_写个公共的zTree弹出选择的demo
weixin_39633102的博客
12-24 265
其实写这种树结构选择的公共组件，如果项目是用的jsp， 这个倒是蛮好写的，直接用自定义标签就可以实现了，jsp页面调用自定义标签，然后在自定义标签.tag里面写操作数结构的共性代码本来我也想直接套用之前项目里面的自定义标签来实现的，但是现在这个项目全都是用的html+veloctity，所有这里jsp的自定义标签.tag就无法使用了，以前没用过veloctity这玩意，思考了下，最后根据jsp里面...
JS只能输入数字，数字和字母等的正则表达式
scq503的专栏
08-28 1055
JS判断只能是数字和小数点  0.不能输入中文 1） 2） function chkIt(frm){   if (frm.n1.value.length>0&&frm.n1.value.match(/[\x01-\xFF]*/)==false){     alert('n1不能输入中文！')     frm.n1.focus();     return false;   } }
JS常用正则表达式和JS控制输入框输入限制(数字、汉字、字符)
jp2021的博客
10-25 6368
JS常用正则表达式和JS控制输入框输入限制(数字、汉字、字符)
判断输入框内容或者字符串是否全部为空格、正则表达式
houniao1314的博客
06-24 9214
一、三种判断方法函数 function spaceJudge(){     var dom = document.getElementById("inContext");     var value = dom.value;//获取输入框的内容     //将输入的内容去掉开头和结尾的空格，若长度大于0，则说明不全是空格，若长度为0则全是空格     var  valuestr = va...
在js中使用正则表达式验证输入框内容
Fabuler的专栏
01-20 3150
var inputValue=document.getElementById("inputId").value; var inputValueFilter=/^\d+$/; if(inputValueFilter.test(inputValue)){ alert("请在输入框中输入数字！"); return false; }
vue实现使用正则表达式判断输入框的购物车url是否正确
最新发布
04-19
可以使用正则表达式判断输入框的购物车url是否正确，具体代码实现可以参考下面示例代码： ```javascript // 正则表达式验证购物车url function validateCartUrl(cartUrl) { // 正则表达式 var reg = /^...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值