验证密码和确认密码一致性

最新推荐文章于 2024-07-04 00:59:27 发布
最新推荐文章于 2024-07-04 00:59:27 发布
阅读量1.3k 收藏
点赞数
文章标签： javascript c/c++ java ViewUI
原文链接：http://www.cnblogs.com/xkzy/p/3881401.html
版权

需要jquery
密码需要6-16位
要求：不含有空格就行
机制：
1.第一次密码输入有不合规密码时，第二次密码提示字体变黄色警告，并永远是黄色。（边框和提示字体颜色一致，以下用提示字体代表）
2.第一次密码输入不到6位，第二次密码提示字体变黄色警告，并永远是黄色。
3.第一次密码输入正确（密码在6-16且没有空格），获得焦点时提示字体变蓝色表示聚焦该焦点。
4.第二次密码输入和第一次密码一致时，提示字体变绿色表示两次密码输入一致。

需要jquery
密码需要6-16位
要求：不含有空格就行
机制：
1.第一次密码输入有不合规密码时，第二次密码提示字体变黄色警告，并永远是黄色。（边框和提示字体颜色一致，以下用提示字体代表）
2.第一次密码输入不到6位，第二次密码提示字体变黄色警告，并永远是黄色。
3.第一次密码输入正确（密码在6-16且没有空格），获得焦点时提示字体变蓝色表示聚焦该焦点。
4.第二次密码输入和第一次密码一致时，提示字体变绿色表示两次密码输入一致。
​1. [代码][JavaScript]代码  
$(document).ready(function()
{
    var info_pwflag=1;
    var info_apwflag=1;
 
    <!--第一次密码验证-->
 
    $("#pw").focus(function()
    {
        if($(this).val().length==0)
        {
            $(this).parent().css('border-color','#4DAFE4');
            $(".box_2 .info").css("color","#4DAFE4").text("请输入6-16位密码，不含空格！");
        }
        if(info_pwflag==1)
        {
            $(this).parent().css('border-color','#4DAFE4');
            $(".box_2 .info").css("color","#4DAFE4").text("请输入6-16位密码，不含空格！");
        }
        else
        {
            $(this).parent().css('border-color','red');
                $(".box_2 .info").css("color","red").text("请输入6-16位密码，不含空格！");
        }
    });
    $("#pw").blur(function()
    {
        var temp=$(this).val();
        if(temp.length==0)
        {
            $(this).parent().css('border-color','red');
            $(".box_2 .info").css("color","red").text("请输入密码！");
        }
 
        else
        {
            if(info_pwflag==1)
            {
                $(this).parent().css('border-color','#14BC3E');
                $(".box_2 .info").css("color","#14BC3E").text("输入正确！");
            }
        }
        if(temp.length<6)
        {
            if(info_pwflag==1)
            {
                $(this).parent().css('border-color','red');
                $(".box_2 .info").css("color","red").text("请输入6-16位密码，不含空格！");
                info_pwflag=0;
            }
        }
    });
    $("#pw").keyup(function(event)
    {http://www.huiyi8.com/tupian/​
        var info_user=$(this).val();
        if(info_user.length==0)
        {高清图片
            info_pwflag=1;
        }
        else
        {
            for(i=info_user.length-1;i>=0;i--)
            {
                var temp=info_user.charAt(i);
                if(temp==" ")
                {
                    info_pwflag=0;
                    break;
                }
                else
                {   
                    info_pwflag=1;
                     
                }
            }
        }
        if(info_pwflag==1)
        {
            $(this).parent().css('border-color','#4DAFE4');
            $(".box_2 .info").css("color","#4DAFE4").text("请输入6-16位密码，不含空格！");
        }
        else
        {
            $(this).parent().css('border-color','red');
                $(".box_2 .info").css("color","red").text("请输入6-16位密码，不含空格！");
        }       
    });
 
    <!--第二次密码验证-->
     
    $("#apw").focus(function()
    {
        if($(this).val().length==0)
        {
            if(info_pwflag==1)
            {
                $(this).parent().css('border-color','#4DAFE4');
                $(".box_3 .info").css("color","#4DAFE4").text("确认密码！");
            }
            else
            {
                $(this).parent().css('border-color','#CAC21F');
                $(".box_3 .info").css("color","#CAC21F").text("第一次密码输入不正确！");
            }
        }
        else
        {
            if(info_pwflag==1)
            {
                if(info_apwflag==1)
                {
                    $(this).parent().css('border-color','#4DAFE4');
                    $(".box_3 .info").css("color","#4DAFE4").text("确认密码正确！");
                }
                else
                {
                    $(this).parent().css('border-color','red');
                    $(".box_3 .info").css("color","red").text("确认密码不正确！");
                }
            }
            else
            {
                $(this).parent().css('border-color','#CAC21F');
                $(".box_3 .info").css("color","#CAC21F").text("第一次密码输入不正确！");
            }
        }
         
 
    });
    $("#apw").blur(function()
    {
        var temp=$(this).val();
        if(temp.length==0)
        {
            $(this).parent().css('border-color','red');
            $(".box_3 .info").css("color","red").text("请确认密码！");
        }
        else
        {
            if(info_pwflag==1)
            {
                if(info_apwflag==1)
                {
                    $(this).parent().css('border-color','#14BC3E');
                    $(".box_3 .info").css("color","#14BC3E").text("确认密码正确！");
                }
                else
                {
                    $(this).parent().css('border-color','red');
                    $(".box_3 .info").css("color","red").text("确认密码不正确！");
                }
            }
            else
            {
                $(this).parent().css('border-color','#CAC21F');
                $(".box_3 .info").css("color","#CAC21F").text("第一次密码输入不正确！");
            }
        }
    });
    $("#apw").keyup(function(event)
    {
        var info_user=$(this).val();
        var info_pw=$("#pw").val();
        if(info_pwflag==1)
        {
            if(info_user.length==0)
            {
                info_apwflag=1;
            }
            else
            {
                if(info_user==info_pw)
                {
                    info_apwflag=1;
                }
                else
                {
                    info_apwflag=0;
                }
            }
        }
        //alert(info_pw);
        if(info_pwflag==1)
        {
            if(info_apwflag==1)
            {
                $(this).parent().css('border-color','#4DAFE4');
                $(".box_3 .info").css("color","#4DAFE4").text("确认密码正确！");
            }
            else
            {
                $(this).parent().css('border-color','red');
                $(".box_3 .info").css("color","red").text("确认密码不正确！");
            }
        }
        else
        {
            $(this).parent().css('border-color','#CAC21F');
            $(".box_3 .info").css("color","#CAC21F").text("第一次密码输入不正确！");
        }       
    });
});

2. [代码]html代码    
<div class="box box_2">
                            <label class="item">密码</label>
                            <div class="login_bg pw_bg">
                                <input id="pw" class="login_input pw" type="password" autocomplete="off" maxlength="16" tabindex="2">
                            </div>
                            <div class="info"></div>
                        </div>
                        <div class="box box_3">
                            <label class="item">确认密码</label>
                            <div class="login_bg apw_bg">
                                <input id="apw" class="login_input apw" type="password" autocomplete="off" maxlength="16" tabindex="3">
                            </div>
                            <div class="info"></div>
                        </div>    
​

转载于:https://www.cnblogs.com/xkzy/p/3881401.html

weixin_30532837
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
判断密码与确认密码是否一致
weixin_33787529的博客
12-03 5033
已下言论若有问题，希望大家及时提醒。谢谢啦~今天写的是注册页面，遇到了很多的问题，下面我把我的问题写出来，希望对大家有一丢丢的帮助，也是我对自己的总结。首先的问题是若输入正确当失去焦点时输入框后面的‘*’变为‘√’，我一开始用innerHTML来获取‘*’，但是始终获取不到，后来用val()，ok，终于获取到了。接下来就是在允许的范围内，将‘*’变为‘√’，我用的是html(...
密码与确认密码自动验证html,html表单验证确认密码
weixin_36368271的博客
05-30 8384
编写HTML注册表单,，javascript表单验证编写HTML注册表单,，需要字段：用户名,密码,确认密码,邮件,确认邮件,性汗。。。。阁下语气可以舒缓一些吗？ 我们抽出自己的时间来帮助别人，不是来听人吩咐的， 希望阁下能够注意点。html 表单中的确认密码怎么写啊(只用html编写)在用户注册类的网页上，有了密码的输入框，确认密码的输入框怎么写啊？确认密码的输入框 和密码的输入框 不是一模一样...
js校验新旧密码是否一致
weixin_42603332的博客
02-16 1397
可以使用JavaScript编写一个函数来验证新旧密码是否一致。以下是一个示例函数： function validatePassword(oldPassword, newPassword, confirmPassword) { if (newPassword !== confirmPassword) { return false; // 新密码和确认密码不一致 } if ...
js表单验证确认密码输入一致
爬楼梯的前端小白的博客
06-08 1961
点击提交 校验姓名密码邮箱是否符合规范
【C语言程序】判断用户输入的密码是否是6位(strlen()函数判断)
comelyboy的博客
01-23 1285
题出自-------------------------零基础学C语言 #include<stdio.h> #include<string.h> int main() { char user[20]; puts("请输入密码："); gets_s(user); while (strlen(user) != 6) { puts("您输入的密码长度有问题！\n请再次输入正确长度的密码："); gets_s(user); } puts("您输入的密码长度正确，请进
判断两次输入密码是否一致
m0_56670717的博客
01-03 3202
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <body> <form> 用户名：<input type="text" name="user"></tr> 密码：<input type="password" id="a"></tr> 确认密码：<input type="password" id..
Jquery或者JS方法验证密码是否一致
weixin_30501857的博客
06-02 753
<script src="../JS/jquery-3.2.0.js" type="text/javascript" ></script> <script src="../JS/bootstrap.min.js"></script> <link type="text/css" rel="stylesheet" hre...
vue 验证两次输入的密码是否一致的方法示例
10-14
本文将深入探讨如何在Vue中实现一个功能，用于验证用户在两个不同的输入字段中输入的密码是否一致。这个功能对于创建注册、修改密码等场景至关重要，确保用户的安全性和用户体验。 首先，我们需要创建一个包含两个...
jQuery表单验证之密码确认
10-19
总的来说，这个例子展示了如何使用jQuery进行简单的表单验证，特别是在密码确认这一常见场景中。通过学习这个示例，开发者可以更好地理解和应用JavaScript事件处理、DOM操作以及jQuery提供的便利方法。同时，为了...
Shiro 身份验证、授权、密码和会话管理
05-07
这在开发分布式 Web 应用时尤其有用，如在集群环境中，可以确保用户会话的一致性。Shiro 提供了会话监听器、超时控制、会话数据持久化等机制，方便开发者处理会话相关的业务逻辑。 5. **Web 支持**： Shiro 提供了...
验证密码js和手机滑动日历
12-06
综上所述，“验证密码js”和“手机滑动日历”是提高网页交互性和安全性的关键工具。开发者应熟练掌握相关的JavaScript技术和库，以便在实际项目中创建更加便捷、安全的用户体验。在开发过程中，不断学习和实践，才能...
利用JavaScript语言在静态HTML中实现密码一致性验证.zip_jsp
09-25
在网页开发中，用户注册或更改密码时，为了确保用户输入的密码安全性和一致性，通常会采用密码一致性验证。这个过程涉及到前端JavaScript技术与后端服务器的交互，尤其是在静态HTML页面中，JavaScript起到了关键作用...
Jquery或者JS方法验证密码和确认密码是否一致
热门推荐
qq_42809504的博客
10-02 2万+
    1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 &lt;script src="../JS/jquery-3.2.0.js" type="text/javas...
java判断两次输入密码,AJAX判断用户是否存在,并且判断两次密码输入是否一致
weixin_39707597的博客
03-21 2415
1:AJAX判断用户是否已经存在先看写在javascript里的方法 再看jsp页面上的信息 注意代码中用户名的 οnblur=”check()” 方法，此处失去焦点时调用js里的方法，此处ajax的作用只是体现在用户名上，密码匹配问题后面再叙述。利用AJAX还需要写一个Action来检验值，以便判断具体输出什么提示: 此处的PetDAO 是个数据库连接的类，里面有各种需要跟数据库做连接的方法，c...
JS中的确认密码操作和文本框表单元素
m0_70675760的博客
09-28 335
判断输入的账号与密码格式是否正确。判断输入的确认密码与密码是否一致。
Java Web学习笔记（二）密码一致性检测的实现
tczhoulan的专栏
02-12 1473
沉迷于超级机器人大战v二十多天后我终于想起来研究一下之前说的在hibernate validator中没有的密码一致性检测的问题，通过一个下午的研究终于将这个问题解决了，下面分享一下解决方案，包括后端和前段的检测。要实现后端的密码一致性检测首先要定义一个Annotation用于标识，我定义了一个名为Compare的Annotation，代码如下：package com.netease.JavaFi...
用户输入的密码和确认密码必须一致
FIGHTING的专栏
06-10 1万+
//输入密码，并判断密码是否一致  function funpsd(){   var psd=document.form1.psd.value   if(psd==""){    document.getElementById("sp1").innerHTML="密码不能为空";    }   else if(psd.length15){    document.getElement
Vue前端打包
最新发布
weixin_63680330的博客
07-04 239
介绍:Nginx是一款轻量级的Web服务器/反向代理服务器及电子邮件(IMAP/POP3)代理服务器。其特点是占有内存少，并发能力强，在各大型互联网公司都有非常广泛的使用。启动：双击nginx.exe 文件启动，服务器默认占用80端口。官网:https://nginx.org/打包好的dist目录赋值到html下。html静态资源文件目录。conf 配置文件目录。logs日志文件目录。temp临时文件目录。
django auth实现注册用户名 密码和确认密码 包括 用户名的唯一性验证和密码与确认密码的一致性验证以及注册后成功的提示信息
06-08
好的，下面是一个简单的 Django auth 注册模块实现： 1. 首先在 `settings.py` 中配置 `AUTH_USER_MODEL`，指定用户模型为自定义模型，例如： ```python AUTH_USER_MODEL = 'myapp.MyUser' ``` 2. 然后在 `forms.py` 中定义注册表单，包括用户名、密码和确认密码： ```python from django import forms from django.contrib.auth.forms import UserCreationForm from django.contrib.auth import get_user_model User = get_user_model() class SignUpForm(UserCreationForm): class Meta: model = User fields = ('username', 'password1', 'password2',) ``` 3. 在 `views.py` 中定义注册视图函数，实现用户名唯一性验证和密码一致性验证： ```python from django.shortcuts import render, redirect from django.contrib.auth import login, authenticate from .forms import SignUpForm def signup(request): if request.method == 'POST': form = SignUpForm(request.POST) if form.is_valid(): user = form.save(commit=False) username = form.cleaned_data.get('username') password = form.cleaned_data.get('password1') user.set_password(password) user.save() login(request, user) messages.success(request, f"欢迎 {username} 进入我们的网站!") return redirect('home') else: form = SignUpForm() return render(request, 'signup.html', {'form': form}) ``` 4. 最后在 `signup.html` 模板中渲染注册表单，并显示错误信息和成功提示信息： ```html {% extends 'base.html' %} {% block content %} <h2>注册</h2> <form method="post"> {% csrf_token %} {{ form.as_p }} <button type="submit">注册</button> </form> {% if form.errors %} <div class="alert alert-danger"> {% for field in form %} {% for error in field.errors %} <p>{{ error }}</p> {% endfor %} {% endfor %} </div> {% endif %} {% if messages %} <div class="alert alert-success"> <p>{{ messages }}</p> </div> {% endif %} {% endblock %} ``` 这样，一个包括用户名唯一性验证和密码一致性验证的 Django auth 注册模块就完成了。

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值