2013-09-11 4 views
0

Привет, для моего скрипта я должен использовать jquery.inputmask, но у меня есть проблема с выбором поля ввода. Я не могу использовать идентификаторы (из-за другого скрипта), поэтому я попытался это:JavaScript выберите класс css для jquery.inputmask

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(); 
     } 

    }; 

}(); 

Все работы, но теперь все входы имеют inputmask. Но я хочу только иметь вход с классом css inputmask.

Так что я попытался

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

и

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

но оба не работают. У кого-нибудь есть идея?

+1

Почему бы не просто '.inputmask' или' input.inputmask'? –

ответ

0

Поместите свой класс после выбора элемента:

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

, или просто использовать класс без каких-либо элемента:

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

Если сам input имеет класс, то один из них:

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

должно быть лучше. Использование пространства в селекторе подразумевает child, так, например,

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

выбирает input[type="text"]внутри.insputmask.

0

Хорошо, я думаю, что должен опубликовать код для понимания. Потому что, по-моему, я объясняю сначала что-то немного ложное.

<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.

+0

Я пробовал $ ('inputmask input [type = "text"]'), но он не работает. – TrivoXx

Смежные вопросы