欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

bootstrapvalidator验证两次输入的密码是否一致

程序员文章站 2022-06-09 21:46:48
bootstrapvalidator作为表单验证控制时,当需要验证两次密码输入是否一致时,identical属性用来两个字段相互比对一致性, 分享如下的验证代码:...

bootstrapvalidator作为表单验证控制时,当需要验证两次密码输入是否一致时,identical属性用来两个字段相互比对一致性,

分享如下的验证代码:


function FormValidInit() {
        $('#userInfoAddForm').bootstrapValidator({
            container: 'tooltip',
            message: '输入信息有误',
            feedbackIcons: {
                valid: 'glyphicon glyphicon-ok',
                invalid: 'glyphicon glyphicon-remove',
                validating: 'glyphicon glyphicon-refresh'
            }, 
            fields: {  
                password: {
                    validators: {
                        notEmpty: {
                            message: '密码不能为空'
                        },
                        stringLength: {
                            min: 6,
                            message: '最少输入6位密码'
                        },
                        identical: {
                            field: 'confirmPass',
                            message: '两次输入的密码不相符'
                        }
                    }
                },
                confirmPass: {
                    validators: {
                        notEmpty: {
                            message: '确认密码不能为空'
                        },
                        stringLength: {
                            min: 6,
                            message: '最少输入6位密码'
                        },
                        identical: {
                            field: 'password',
                            message: '两次输入的密码不相符'
                        }
                    }
                }
            }
        }).on('success.form.bv', function (e) {
             //Prevent form submission
            e.preventDefault(); 
        });