首页 > Web开发 > 详细

jquery简单的表单验证密码

时间:2018-02-06 16:15:41      阅读:338      评论:0      收藏:0      [点我收藏+]
<tbody>
    <tr>
        <td style="width:25%">修改密码:</td>
        <td><input type="password" class="input" name="password" value="" id="password"></td>
    </tr>
    <tr>
        <td style="width:25%">确认密码:</td>
        <td><input type="password" class="input" name="password1" value="" id="password1"></td>
    </tr>
</tbody>
<script>
    $(function(){
        $(‘#button‘).click(function(){
            var password=$(‘#password‘).val();
            var password1=$(‘#password1‘).val();
            if(password ==‘‘){
                var flage=‘<font class="del" color="red">密码不能为空</font>‘;
                $(‘.del‘).remove();
                $(‘#password‘).parent().append(flage);
            }else if(password.length<6){
                var flage=‘<font class="del" color="red">密码长度不小于6位</font>‘;
                    $(‘.del‘).remove();
                    $(‘#password‘).parent().append(flage);
            }else{
                if(password1==password){
                    $(‘form‘).submit();
                }else{
                    var flage=‘<font class="del" color="red">两次密码不一致</font>‘;
                    $(‘.del‘).remove();
                    $(‘#password1‘).parent().append(flage);
                }
            }
        });
    })
</script>

 

jquery简单的表单验证密码

原文:https://www.cnblogs.com/mengor/p/8422578.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!