使用MaskedInput.js的密码输入

时间:2015-03-28 18:45:47

标签: javascript jquery input jquery-validate maskedinput

所以我一直在寻找,到目前为止还没有找到答案。 DigitalBush中的maskedInput.js插件用于很多地方,比如很多掩盖的输入插件。但是它们似乎只关注屏蔽输入格式而不允许格式化掩码使用安全密码字段。显然,这不是真正的安全修复,而是标准的业务需求。所以我想要完成的只是使用带有maskedInput.js插件的HTML5密码输入。除了破折号之外,这也可以表示为子弹,因此掩模变得有些无用。如果有人有一个不是黑客的解决方案,请告诉我。我已经设置了一个用于测试的小提琴,在输入上也有jqueryValidate,因为这两个插件通常在整个网络中被发现像豌豆和胡萝卜。

The Sample Fiddle here

样品:

 <input type="password" class="form-text" name="ssn" id="ssn" required="true" minlength="9" maxlength="9" aria-describedby="ssn-errors" placeholder="Social Security Number" >

带有额外逻辑的Javascript强制验证模糊:

    $("#ssn", "body")
            .mask("999-99-9999", {
                placeholder: "",
                autoclear: false
            })
            .bind("blur", function () {
                // force revalidate on blur to help with jquery.validate
                var frm = $(this).parents("form");
                // if form has a validator
                if ($.data(frm[0], 'validator')) {
                    var validator = $(this).parents("form").validate();
                    validator.settings.onfocusout.apply(validator, [this]);
                }
            });

我的第一个理论是将输入类型从密码更改为焦点上的文本并更改为模糊但似乎这应该是在SSN,CC和其他日子使用带掩码的密码类型的标准选项表格上需要NPD。

欢迎你的想法。

0 个答案:

没有答案