首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >为什么显示密码强度密码不能在jQuery窗体验证器上工作?

为什么显示密码强度密码不能在jQuery窗体验证器上工作?
EN

Stack Overflow用户
提问于 2015-04-07 10:14:08
回答 1查看 721关注 0票数 1

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

当我复制所有表单验证代码以保存在我的网站源代码中时,我得到了另一回事,因为我没有使用CDN

我把这个图书馆保存成这样

代码语言:javascript
运行
复制
<script src="//cdnjs.cloudflare.com/ajax/libs/jquery-form-validator/2.1.47/jquery.form-validator.min.js"></script>

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

代码语言:javascript
运行
复制
<script src="<?PHP echo base_url('asset/main/desk/bootstrap/js/validation.js');?>"></script>

如果我使用问题(链接到jquery的资源-验证器),我的密码验证将显示如下选项:坏的、弱的、好的、强的取决于密码的数量。

,如果我不使用CDN,我将使用validation.js,它存在于我的网站源代码中,密码验证只显示,密码不够强。它没有显示这个选项“坏,弱,好,强”

代码语言:javascript
运行
复制
 <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>

这是表格

代码语言:javascript
运行
复制
<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对吗?

EN

回答 1

Stack Overflow用户

发布于 2015-09-05 12:05:08

我知道你已经有一段时间没有发这篇文章了,但我今天也有同样的问题。我想我应该发个答案,以防你还被困住了,或者将来其他人会被困住。

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

代码语言:javascript
运行
复制
$.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!");
 }
});
票数 1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/29489121

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档