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

需要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

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
好的,下面是一个简单的 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、付费专栏及课程。

余额充值