邮箱 用户名 密码 判断

最新推荐文章于 2021-06-03 15:06:50 发布
最新推荐文章于 2021-06-03 15:06:50 发布
阅读量847 收藏
点赞数
分类专栏： jquery
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/jiaosheng1/article/details/78231868
版权 
    <!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>Title</title>
        <style>
            body{
                margin: 0 auto;
            }
            button{
                display: block;
                margin: 0 auto;
            }
            input{
                background-color: #c7edcc;
            }
            td{
                border: 1px solid #000;
            }
            img{
               width: 20px;
                height: 20px;
            }
        </style>
        <script src="jquery-1.11.1.min.js"></script>
        <script>
            $(function () {
                $("span").hide();
                //邮箱
                var email = $(".email").val();
                $(".email").blur(function () {
                    var ereg = /.+@.+\.[a-zA-Z]{2,4}$/;
                      if(ereg.test($(".email").val())){
                          $(this).parents("td").next().children("span:last").hide();
                          $(this).parents("td").next().children("span:first").show();
                      }else{
                          $(this).parents("td").next().children("span:first").hide();
                          $(this).parents("td").next().children("span:last").show();
                          console.log(1);
                      }
                });
                //昵称
                var name = $(".name").val();
                $(".name").blur(function () {
                     if($(".name").val().length>4){
                         $(this).parents("td").next().children("span:first").show();
                      }else{
                         $(this).parents("td").next().children("span:first").hide();
                         $(this).parents("td").next().children("span:last").show();
                      }
                });
                //密码
                var pwd = $(".pwd").val();
                $(".pwd").blur(function () {
                      if( $(".pwd").val().length>6){
                          $(this).parents("td").next().children("span:first").show();
                      }else{
                          $(this).parents("td").next().children("span:first").hide();
                          $(this).parents("td").next().children("span:last").show();
                      }
                });
    //            再一次输入
                var rpwd = $(".rpwd").val();
                $(".rpwd").blur(function () {
                      if($(".rpwd").val()!=$(".pwd").val()){
                          $(this).parents("td").next().children("span:last").show();

                      }else{
                          $(this).parents("td").next().children("span:first").show();
                      }
                });
    //            注册按钮
                $(".zhuce").click(function () {
                    if($(".email").val()!=""&&$(".name").val()!=""&&$(".pwd").val()!=""&&$(".epwd").val()!=""&&$(".rpwd").val()==$(".pwd").val()){
                        alert("符合要求");
                    }else{
                        alert("不符合要求");
                    }
                })
            })
        </script>
    </head>
    <body>

        <table>
            <tr>
                <td>请填写您的Email地址:</td>
                <td><input type="text" class="email"></td>
                <td>请填写有效的Email地址,在下一步中您将用此邮箱接收验证邮件。<br>
                    <span><img src="img/dui.gif">用户名可用</span><span><img src="img/cuo.gif">用户名不可用</span></td>
            </tr>
            <tr>
                <td>请填写您在当当网的昵称:</td>
                <td><input type="text" class="name"></td>
                <td>您的昵称可以由小写英文字母，中文、数组组合才能，长度4-20个字符，一个汉字为两个字符<br>
                    <span><img src="img/dui.gif">昵称可用</span><span><img src="img/cuo.gif">昵称不可用</span></td>
            </tr>
            <tr>
                <td>设置密码:</td>
                <td><input type="text" class="pwd"></td>
                <td>您的密码可由大小写英文字母、数字组成，长度6-20位<br>
                    <span><img src="img/dui.gif">密码可用</span><span><img src="img/cuo.gif">密码不可用</span></td>
            </tr>
            <tr>
                <td>再次输入密码:</td>
                <td><input type="text" class="rpwd"></td>
                <td>
                    <span><img src="img/dui.gif">密码一致</span><span><img src="img/cuo.gif">密码不一致</span></td>
            </tr>
        </table>
    <button class="zhuce">注册</button>
    </body>
    </html>
JSHeng@
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
注册的时候 输入框类用户名 密码 邮箱的判定
陆的博客
06-04 4503
注册             #selectCity{             height: 30px;             width: 140px;         }         #selectArea{             height: 30px;             width: 140px;         }
用户名密码判断验证
du_mz66的博客
09-10 4382
用户名密码判断         .right{         color:red;         }      .error{         color:green;         }               $(function(){            //用户名            $("input:eq(0)").blur(function
邮箱判断+名字判断+密码判断
c_hjf的博客
10-13 472
html: table style="width: 50%; height:200px;border-bottom: solid 1px gainsboro;border-left:solid 1px gainsboro "> tr> td style="width: 180px;background-color: mediumaquamarine">请填写您的Ema
html-注册邮箱
diaozhanang6473的博客
03-20 155
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head&gt...
帐号，密码，手机，邮箱，姓名较验工具类
wanwei1987的博客
09-28 938
/** * Created by zzw on 2016/8/5. * 数据校验框架validation.js */ var Validation = (function(){ /** * 0 表示为校验不通过(为空，正则校验不通过) 1 表示校验通过 * msg 向页面返回校验的结果信息 * @type {{msg: string, state:
表单密码账号邮箱练习
why
10-14 835
1.      完成一个表单 2.      需求 a.      所有内容不可以为空 b.      邮箱必须邮箱的规则 c.      用户名与密码长度必须6位以上 d.      密码与重复密码必须一致 3.      我们可以使用下而表达式来完成以上条件的判断 为空   /^\s*$/ 空字符的正则表达式可以通过test()方法来判断 邮箱格式 /^(\w)+@(\w
javaScript 简单验证代码（用户名，密码，邮箱)
11-30
在这个示例中，我们看到的是一个简单的JavaScript验证代码，用于检查用户在注册表单中输入的用户名、密码和电子邮件是否符合特定的格式要求。下面将详细解释这段代码中的各个功能和知识点： 1. **函数定义**： - `...
html表单验证登录用户名和密码,javascript表单提交验证（用户名，邮箱，，，，，）...
weixin_28487433的博客
06-03 2234
无标题文档div {font-size: 14px;color: #F00;}.inputstyle {width: 150px;}//用户名验证function checkUser(){var user=document.getElementById("username").value;var divUserId=document.getElementById("user_prompt");va...
html用户名和用户密码验证,js实现用户名和密码的校验
weixin_39707478的博客
06-03 2898
Documentfunction focus_username(){var resultObj = document.getElementById("result_username");resultObj.innerHTML = '请输入你的用户名';resultObj.style.color = "gray";}function blur_username(){var resultO...
android存储登录用户名密码,AndroidStudio实现账号密码保存功能
weixin_33367083的博客
05-26 4796
前提AndroidStudio版本：3.5.2JDK版本：1.8.0SDK版本：Android 4.4(KitKat)AVD类型：Pixel2 API 19实现步骤第一步首先，我们先创建一个项目，这里我以QQ登录为例，我的项目名为SaveQQ。项目生成之后会有两个自动生成的文件 activity_main.xml 和 MainActivity.java；activity_main.xml是用来编辑...
让你的邮箱名字更专业
03-28
让你的邮箱名字更专业,怎么给心爱的邮箱取名？一起来学习下吧！
JavaScript实现注册时检查邮箱，名称，密码等是否符合规则
俱往矣
05-30 2955
大概实现了，用户名是否存在，邮箱是否已注册，密码是否符合复杂度。 //对用户名校验是否存在 function checkname(){ //alert("checkname"); var f=false; //javascript所有的变量都是以var定义的 //javascript的变量属于弱类型 //获取用户输入的用户名 var name = document.getEleme...
js注册检测 用户名、密码、手机号、邮箱
weixin_33690963的博客
10-27 465
请输入电话号码：&lt;input name="" type="text" id="telphone" value=""/&gt;&lt;br /&gt; 请输入邮箱地址：&lt;input name="" type="text" id="mail" value="" /&gt;&lt;br
[JavaScript]使用JavaScript+CSS实现注册页面中检验两次密码输入是否相同
thewebcode
02-16 1832
经常会遇到这样的需求，在用户注册账户的时候检测用户输入是否合法，其中最简单的就是检验两次密码输入是否相同，如果调用后台检测太过麻烦，下面给出前台使用JavaScript检测两次输入是否相同的基本代码，并用CSS控制排版。 页面中的JS脚本如下： function check(){ if(document.getElementById("password").value!= docum...
正则表达式
鬼烧java
12-15 211
只能输入数 字："^[0-9]*$"。 只能输入n位的数字："^\d{n}$"。 只能输入至少n位的数字："^\d{n,}$"。 只能输入m~n位的数字：。"^\d{m,n}$" 只能输入零和非零开头的数字："^(0|[1-9][0-9]*)$"。 只能输入有两位小数的正实数："^[0-9]+(.[0-9]{2})?$"。 只能输入有1~3位小数的正实数："^[0-
同时支持手机号、用户名、邮箱登录
叶易风云
08-27 7481
创建项目： 测试的代码： public static void main(String[] args) { //String e = "257@qq.com"; String e ="15315315326"; String em = "^\\w+([-+.]\\w+)*@\\w+([-.]\\w+)*\\.\\w+([-.]\\w+)*$";
简单实现支持用户名和邮箱登录
卫沧澜的博客
04-21 2123
一.LoginForm里的login()调了getUser(),所以修改getUser()即可 public function login() { if ($this->validate()) { return Yii::$app->user->login($this->getUser(), $this->rememberMe ? 3600
邮箱命名规则
热门推荐
wy0110的专栏
12-06 2万+
（一） 姓名为三个字以上的首选邮箱名为：姓名每个字拼音第一个字母缩写组合。例如：按此规则王国有的帐号为wgy；（二） 姓名为三个字以上的次选邮箱名为：姓拼音全拼，加名每一个字的拼音第一个字母缩写组合。例如：按此规则王国有的帐号为wanggy；（三） 姓名为三个字以上的三选邮箱名为：姓的拼音每一个字母缩写，加上名拼音全拼。例如：按此规则王国有的帐号为wguoyou；（四） 姓名为三个字以上的四选邮箱
[py][mx]django自定义认证类-实现邮箱作为用户名登录
weixin_30539835的博客
01-31 100
创建自定义验证用户名密码类CustomBackend users/views.py from django.contrib.auth import authenticate, login from django.contrib.auth.backends import ModelBackend from django.shortcuts import render # Create your v...
Javaweb根据用户名和密码完成注册功能，判断输入的用户名在数据库中是否存在，不存在则继续执行
最新发布
08-15
3. 在 JavaWeb 中编写处理注册请求的 Servlet，读取页面提交的用户名和密码，判断用户名是否已经存在于数据库中。 4. 如果用户名不存在，则将新用户的用户名和密码插入到数据库中。 5. 在页面中返回注册成功或失败的...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值