为什么显示密码强度密码不适用于jQuery Form Validator?

时间:2015-04-07 10:14:08

标签: jquery validation

我想购买注册并使用Jquery表单验证库登录。

当我复制所有表单验证码以将其保存在我的网站源代码中时,我得到了一个不同的东西,因为我没有使用 CDN

我保留这个图书馆

<script src="//cdnjs.cloudflare.com/ajax/libs/jquery-form-validator/2.1.47/jquery.form-validator.min.js"></script>

这是我在网站上保存的Jquery库

<script src="<?PHP echo base_url('asset/main/desk/bootstrap/js/validation.js');?>"></script>

问题 如果我使用CDN(链接到jquery form-validator的资源),我的密码验证将显示为以下选项:bad,weak,good,strong depend密码金额。

如果我不使用CDN,我将使用现在我的网站源验证的验证。密码验证仅显示密码不够强 。它没有显示此选项“bad,weak,good,strong”

 <script>
    $(document).ready(function(){
     $.validate({
                    rules: {},
                    modules: 'security',
                    onModulesLoaded: function () {
                        var optionalConfig = {
                            fontSize: '12pt',
                            padding: '4px',
                            bad: 'Very bad',
                            weak: 'Weak',
                            good: 'Good',
                            strong: 'Strong'
                        };
                        $('input[name="pass"]').displayPasswordStrength(optionalConfig);
                    }
                });
   });
    </script>

这是表格

<div class="control-group">
  <label class="control-label" >Password<span id="pw-error">Password</span></label>
   <div class="control">
       <input data-validation="strength" data-validation-strength="3" type="password" name="pass" class="form-control">
    </div>
</div>

因此我必须仅使用CDN来使用表单验证库,如果我想将此库复制到我的网站源代码,我将无法获得 OptionalConfig 吗?

1 个答案:

答案 0 :(得分:1)

我知道你发布此内容已经有一段时间了,但我今天遇到了同样的问题。我想我会发布一个答案,以防你仍然卡住或将来其他任何人陷入困境。

由于某种原因, .displayPasswordStrength()属性包含在位置模块中。因此,为了使其工作,您还必须包含该模块。以下代码有效:

$.validate({
 form : '#my_form',
 modules : 'date, security, location',
 onModulesLoaded: function($form) {
   var optionalConfig = {
     fontSize: '12px',
     padding: '4px',
     bad : 'Very bad',
     weak : 'Weak',
     good : 'Good',
     strong : 'Strong'
   };
   $('input[name="pass"]').displayPasswordStrength(optionalConfig);
 },
 onSuccess : function($form) {
   alert("it works!");
 }
});