验证用户名信息是否有效

原创 于 2022-05-19 16:04:49 发布 · 196 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#javascript

这是一个使用JavaScript进行用户名验证的示例。当输入框失去焦点时，通过正则表达式检查用户名是否符合要求，6到16个字母、数字、下划线和破折号的组合。如果符合规则，显示绿色的正确提示；否则，显示红色错误提示。

<!DOCTYPE html>

<html lang="en">

 

<head>

    <meta charset="UTF-8">

    <meta http-equiv="X-UA-Compatible" content="IE=edge">

    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <title>验证用户名案例</title>

    <style>

        span {

            display: inline-block;

            width: 250px;

            height: 30px;

            vertical-align: middle;

            line-height: 30px;

            padding-left: 15px;

        }

        .error {

            color: red;

            background: url(./error1.png) no-repeat left center;

        }

        .right {

            color: green;

            background: url(./right1.png) no-repeat left center;

        }

    </style>

</head>

<body>

    <input type="text">

    <span></span>

    <script>

        let input=document.querySelector('input');

        let span=input.nextElementSibling;

       input.addEventListener('blur',function(){

            if(/^[a-zA-Z0-9-_]{6,16}$/.test(input.value)){

              span.className='right';

              span.innerHTML='输入正确';  

            }else{

                span.className='error';

                span.innerHTML='用户名输入不合法！';

            }

        })

    </script>

</body>

</html>

m0_69105708
关注
判断用户名是否有效 - Java Web程序设计 - 实验5
xizhou202的博客
05-10 776
编写一个用于判断用户名是否有效的JavaBean，并应用该JavaBean判断用户名是否有效，具体要求如下。本任务需要定义一个输入用户名的表单页面以及一个用户名验证反馈页面，还需要定义一个用户名的JavaBean，来对输入的用户名进行验证。
判断用户名是否有效
you can you up up up的博客
03-06 2725
应用字符的ASCII码来判断用户名是否有效，英文字母的ASCII范围为65-90(大写字母)和97-122(小写字母)，下划线的ASCII码为95，数字的ASCII码范围在47-58 创建StringUtil的JavaBean类，判断用户名是否有效 public class StringUtil6 { private String str; //要判断的字符串 private boolean...
17-判断用户名是否有效（字符串处理）
高调做事，低调做人！
07-02 1627
StringUtil.java package com.lh.bean; public class StringUtil { // 要判断的字符串 private String str; // 是否有效 private boolean valid; // 提示信息 private String cue; // boolean属性的get方法写法为isXXX() public
验证用户名是否合法：
qq_48517846的博客
03-13 1538
验证用户名是否合法：
java如何判断输入值合法_javascript简单判断输入内容是否合法的方法_javas
weixin_33100393的博客
03-02 1090
本文实例讲述了javascript简单判断输入内容是否合法的方法。分享给大家供大家参考，具体如下：关于检测用户输入的内容是否有非法的字符检测实现思路1、定义合法的字符串(源字符串)2、获取用户输入的内容3、循环的取出用户输入的每一个字符，去源字符串中查找1)、查找到了，返回字符串查找的位置2)、没有找到返回-1，我们正好利用-1检测用户输入的内容是否合法/p>1.0Transitional/...
HTML用户名判断,用户名判断（练习）
weixin_28900461的博客
06-03 539
Documentfunction $(id){return document.getElementById(id);}var username=$("username");var show=$("show");var http=new XMLHttpRequest;username.onblur=function(){http.open("GET","a.php?username="+this.v...
php验证用户名是否以字母开头与验证密码实例
10-25
具体来说，我们将介绍如何使用正则表达式验证用户名是否以字母开头，密码是否只包含数字和字母，以及如何验证邮箱地址格式是否正确。这些验证手段在处理用户提交的表单时非常有用，并且可以有效防止不合法的注册信息...
jquery 验证用户名是否重复代码实例
10-17
在本实例中，我们将深入探讨如何使用 `jQuery Validate` 插件来验证用户名是否已被其他用户使用，即检查用户名的唯一性。 首先，我们需要引入 `jQuery` 和 `jQuery Validate` 插件的库文件。这些通常在页面的 `...
Ajax实现异步刷新验证用户名是否已存在的具体方法
10-26
### Ajax实现异步刷新验证用户名是否已存在的具体方法知识点总结 #### 1. Ajax技术介绍 Ajax（Asynchronous JavaScript and XML）是一种在无需重新加载整个页面的情况下，能够更新部分网页的技术。通过在后台与...
Ajax验证用户名是否存在的实例代码
10-17
Ajax验证用户名是否存在的实例代码中涉及到的关键技术点包括： 1. Ajax技术：Ajax（Asynchronous JavaScript and XML）是一种在无需重新加载整个页面的情况下，能够更新部分网页的技术。它通过在后台与服务器进行...
正则表达式验证用户名、密码、手机号码、身份证(推荐)
10-19
1. 验证用户名： 在提供的代码中，`validateUserName:` 方法使用了正则表达式 `^[A-Za-z0-9]{3,20}$` 来检查用户名的合法性。这个表达式的含义如下： - `^` 表示字符串的开始。 - `[A-Za-z0-9]` 匹配任何字母（大小...
html 检测用户名是否为空,Ajax 无刷新在注册用户名时判断是否为空是否被使用...
weixin_39815286的博客
06-03 294
var xmlHttp;uName() //用户名失去焦点时{if(all.uname.==""){all.l1.innerHTML="不能为空！";setTimeout("close(1)",1500);return;}else{xmlHttp=new ActiveXObject("Microsoft.XMLHTTP");xmlHttp.onreadystatechange=deal; //回调...
html用户名校验,html怎么验证注册时用户名的重复性
weixin_32200879的博客
06-03 647
满意答案jsp代码response.setContentType("text/xml;charset=gbk");response.setHeader("Cache-Control","no-cache");String username=request.getParameter("username");boolean isValid=false;if(username.equals("admin...
html正则表达式验证电话号码,Javascript正则表达式验证账号、手机号、电话和邮箱的合法性...
weixin_35225144的博客
06-07 2026
正则表达式是用于匹配字符串中字符组合的模式。在 JavaScript中，正则表达式也是对象。这些模式被用于 RegExp 的 exec 和 test 方法, 以及 String 的 match、replace、search 和 split 方法。本章介绍 JavaScript正则表达式。1、验证帐号是否合法验证规则：字母、数字、下划线组成，字母开头，4-16位。function checkUser...
验证姓名的合法性
dunyanan1的专栏
03-08 1102
!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 检查是否含有非法字符 /* 1、定义合法的字符串（源字符串） 2、获取用户输入的内容 3、循环的取出
【HTML】HTML实现简单表单验证（正则表达式、非空判断、输入框提示信息）
A Lucky Boy的博客
02-20 6405
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>练习.
html中做用户输入的判断
qq_43607992的博客
03-10 1万+
html中做用户输入的判断 当用户输入信息时，要做一个对用户输入的信息做一个判断。这样的判断可直接由客户端进行判断。例如： 验证一个用户输入字符是否符合要求的代码： <!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="Generator"...
利用JS验证用户名是否合法
热门推荐
williamgavin的博客
01-25 1万+
验证分为两部分，第一部分是前端验证（如下所示），另外一种是服务器端验证。以下代码只实现了验证用户名是否合法，如果不合法就阻止提交。 JS验证用户名是否合法 html> head> title>表单验证title> meta http-equiv="content-type" content="text/html; charset=utf-8" /> style type = "
模仿京东输入内容案例
Jessicawh的博客
08-24 524
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>Do
如何利用JSON验证用户名的唯一性
通过上述知识点的详细解析，可以全面理解在IT行业中，如何利用JSON格式验证用户名的存在性，从而进行有效的数据交换和处理。在实际操作过程中，开发者需要结合具体的应用场景和安全需求，选取合适的技术方案和工具...
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值