2015-04-07 64 views
0

我想购买注册并使用Jquery表单验证库登录。为什么显示密码强度密码不适用于jQuery Form Validator?

和我,当我复制所有表单验证代码,以保持它在我的网站的源代码,因为我不使用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的资源),我的密码验证将显示为如下所示的选项:坏,弱,好,强取决于密码量。

如果我不使用CDN,我会用它现有的在我的网站源validation.js密码验证只显示的密码是不够的强。它不显示此选项“不好,弱,好,强”

<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

我知道这已经有一段时间了,因为你发布了这个,但我今天遇到同样的问题。我想我会发布一个答案,以防你仍然陷入僵局,或者未来的其他人陷入困境。

出于某种原因,.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!"); 
} 
});