我想购买注册并使用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 吗?
答案 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!");
}
});