码迷,mamicode.com
首页 > Web开发 > 详细

jquery简单的表单验证密码

时间:2018-02-06 16:46:05      阅读:204      评论:0      收藏:0      [点我收藏+]

标签:put   body   parent   lag   log   span   pre   不一致   密码   

<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简单的表单验证密码

标签:put   body   parent   lag   log   span   pre   不一致   密码   

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

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!