Question

您好我的脚本我必须使用jquery.inputmask但输入字段选择有问题。我不能使用id（因为其他脚本）所以我试过这个：

var FormComponents = function () {

    var handleInputMasks = function () {
        $.extend($.inputmask.defaults, {
            'autounmask': true
        });

        $(":input").inputmask("99999.99999.99999", {placeholder:" ", clearMaskOnLostFocus: true }); //default
    }

    return {
        //main function to initiate the module
        init: function () {
            handleInputMasks();
        }

    };

}();

所有工作但现在所有输入都有输入掩码。但我只想输入css类inputmask。

所以我试过

$(".inputmask input[type=text]").inputmask("99999.99999.99999", {placeholder:" ", clearMaskOnLostFocus: true }); //default

和

$(".inputmask :input").inputmask("99999.99999.99999", {placeholder:" ", clearMaskOnLostFocus: true }); //default

但两者都不起作用。有人有想法吗？

Answer 1

将您的课程放在元素选择器之后：

$("input.inputmask").inputmask("99999.99999.99999", {placeholder:" ", clearMaskOnLostFocus: true }); //default

或者只使用没有元素的类：

$(".inputmask").inputmask("99999.99999.99999", {placeholder:" ", clearMaskOnLostFocus: true }); //default

Answer 2

如果input本身有类，那么其中一个：

$('input.inputmask');
$('.inputmask');

应该更好。在选择器中使用空格意味着child，例如

$('.inputmask input[type="text"]')

选择内部input[type="text"] .insputmask。

Answer 3

好的，我想我必须发布代码才能理解。因为我认为我先解释了一些有点不对的东西。

<div class="inputmask" style="position: relative;">
<input type="text" class="input-medium" style="padding-right: 24px;">
<span class="editable-clear-x" style="display: block;"></span>
</div>

我不能使用class="input-medium"因为它是在其他输入中使用的类。所以我必须使用inputmask。

JavaScript为jquery.inputmask选择一个css类

3 个答案: