input失去焦点验证格式_JS使用正则表达式判断输入框失去焦点事件

最新推荐文章于 2023-04-27 09:55:28 发布
最新推荐文章于 2023-04-27 09:55:28 发布
阅读量1.3k 收藏 2
点赞数
文章标签： input失去焦点验证格式
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_42512159/article/details/113019380
版权

效果图

903b3066e7d1a502cb0b4906e45582f2.gif

项目的正则表达式规则

1:用户名: 大写字母开头 6-20位字符(不允许有符号但是允许有_)

2:密码 大写开头 数字字母符号混合 8-15位

3:确认密码 大写开头 数字字母符号混合 8-15位

4:邮箱 邮箱格式

5:手机号 手机号格式

6:身份证号 身份证号格式

7:地址 中文开头 数字 - 字母 中文混合

项目目录

a70ad21e28669763eaaed01433eaf6af.png

html代码

由于无法上传bootstrap.min.css

需要样式的需要前往官网下载

bootstrap中文网

正则表达式

用户名

密码

确认密码

邮箱

最低0.47元/天 解锁文章
by翠
关注
  • 0
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
vue项目中使用正在失去焦点事件并对输入框进行正则校验
123
07-05 4438
vue项目中使用正在失去焦点事件并对输入框进行正则校验
输入框失去焦点便判断正则表达式，只有所有输入框都满足才可以提交
ITEMN的博客
10-16 551
<!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <title></title> <script src="verify.js"></script> </head> <body>...
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
input输入框得到焦点和失去焦点的判断
最新发布
valsedefleurs的博客
04-27 1303
使浏览器能够区分用户输入的对象，当一个元素有焦点时，他就可以接收用户的输入,,
当输入框失去焦点时，判断内容是否符合正则表达式
q_2540638774的博客
10-16 5850
今天总结了一下正则表达式的用法，以及输入框失去焦点的事件，具体效果如下： 一、下面来看下具体代码吧 1、先写出几个输入框，然后，在input里写一个失去焦点的事件方法οnblur=“ ”,以及ID，HTML代码如下： <table align="center"> <tr> <th>用户名：</th> <td>&lt...
js鼠标事件利用正则表达式输入框获取焦点实现判断
wangsong97的博客
10-16 351
<!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <title></title> <script src="new_file.js"></script> </head> <cente...
javascript&正则表达式进行表单验证
08-19
1. **实时验证**：用户输入时立即进行验证，如输入框失去焦点或输入长度达到预设值时。这种模式能立即提醒用户修正错误，防止无效数据的提交。 2. **提交前验证**：在用户尝试提交表单之前，一次性检查所有字段。...
js验证手机号码
08-31
当用户在输入框中输入完手机号码并离开输入框（失去焦点）时，会触发`onblur`事件，调用`isTelephone`函数进行验证。 `isTelephone`函数是核心验证部分，它使用正则表达式`/^1[35789][0-9]{9}$/`进行匹配。这个正则...
基于javascript的Form表单验证
10-20
通过JavaScript，我们可以监听这些输入控件的事件，如`blur`事件，当用户焦点离开输入框时触发，进行数据验证。 在提供的代码示例中，我们可以看到每个输入字段都有一个`onblur`事件，例如`onblur="b_userName()"`...
css3 input文本框动画特效
07-24
6. **验证提示**：对于邮箱格式输入框，可以结合JavaScript进行正则表达式验证，并使用CSS3的`invalid`伪类来显示错误提示。 7. **文本框形状**：CSS3还允许我们创建非矩形的输入框，比如通过`border-radius`来创建...
input失去焦点验证格式_在文本框的onblur事件里写验证信息
weixin_29865183的博客
02-16 1277
html页面中，诸如按钮、文本框等可视元素都具有拥有和失去焦点的事件，这些事件在响应鼠标或键盘动作时都可激发预设的操作。本文以文本框获得和失去焦点为例简单讲解onfocus和onblur的应用。一。 onfocus(获得焦点事件)当一个文本框获得焦点时，它里面的文本就像“好123”网站上的百度搜索输入框那样全部被自动选中，这样的操作可以利用onfocus来实现。以下的文本框，当鼠标指针移过去时，里...
input失去焦点，①判断输入框里面数据为空，②并且判断与之前数据是否相同的情况，③input自动聚焦
qq_51196135的博客
02-10 1736
1、项目展示 一：判断input输入框值为空 二：判断input输入框的值是否与之前的属性值相等 三： 当点击span 切换为input编辑模式时，实现自动聚焦 2、代码 template部分： js部分： 注：nextTick（）说明： ...
输入框失去焦点进行数据校验 onkeyup 和 onblur区别
飘然生的博客
02-26 825
Body onblur onkeyup <input class="form-control " name="projectBudgetAmount" id="projectBudgetAmount" type="text" onkeyup="formatAmt(this)" onblur="checkMoney();" /> JS //失去焦点时再次校验 function...
vue中input失去焦点时验证输入的数据是否存在
qq_29124867的博客
01-08 3125
做vue项目的时候遇到了一个需求，在验证某个表单项时不仅需要是必填项而且要去通过接口校验输入的数据是否存在 1、给表单加:rules="rules"，并且在data里面设置rules rules: { name:[{required: true,message: '该项为必填项'}, {trigger: 'blur',validator: checkValueNameIfExist} ], } 2、定义checkValueNameIfExist，并调用验证方法。 .
jquery validate的rules方法使用注意
aben_sky的专栏
11-21 2679
使用jq validate校验form时, 我们经常要用到切换一个input的rule功能, 比如: 此时我们就可以使用组件提供的rules方法: rules(...
输入框input失去焦点就判断是否符合正则
南征北战的博客
07-12 4691
代码如下&lt;form&gt;    &lt;input type="text" id="username" name=""&gt;    &lt;input type="text"  id="username1" name=""&gt;&lt;/form&gt;&lt;script type="text/
input文本框获取焦点和失去焦点判断
热门推荐
itdragons的博客
05-15 7万+
onBlur:当输入框失去焦点后  onFocus:当输入框获得焦点后 这两个JavaScript事件是写在html标签中的例如： 使用jQuery的实现方法为： 　　　　对于元素的焦点事件，我们可以使用jQuery的焦点函数focus(),blur()。 focus()：得到焦点时使用，blur()：失去焦点时使用。 代码如下: $("input").focus(); 或$
手机号码正则表达式输入框失去焦点验证
我驾驶汽车从不是为了从A点到达B点，我喜欢去感受汽车，与之交流，与之融为一体。
02-04 5609
<!--手机号码正则表达式输入框失去焦点验证--> <input onblur="this.reg=/^1\d{10}$/;/*修改正则表达式即可*/if(!this.reg.test(this.value)){this.value='';this.placeholder='请输入正确的手机号';}">
javascript写一个代码，输入指定位数的数字，用正则表达式检验输入的位数是否正确，文本框失去焦点时验证
04-18
Sure, 下面是一个能够检验数字位数的 Javascript 代码，用正则表达式实现： ```javascript // 获取输入框元素 const input = document.getElementById('input'); // 监听文本框失去焦点的事件 input....

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值