为什么显示密码强度密码不适用于jQuery Form Validator?
问题描述:
我想购买注册并使用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对不对?
答
我知道这已经有一段时间了,因为你发布了这个,但我今天遇到同样的问题。我想我会发布一个答案,以防你仍然陷入僵局,或者未来的其他人陷入困境。
出于某种原因,.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!");
}
});