2015-02-13 3 views
1

Пытается использовать модуль входной маски Robin Herbots и не может заставить его работать. Если посмотреть на все другие подобные сообщения, общая проблема, чтобы убедиться, что функция docment.ready имеет вызов inputmask(), но это выглядит хорошо для меня.JQuery.inputmask не работает

Сценарии

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"> 
<script src="/js/jquery.inputmask.js"> 
<script src="/js/mainReady-client.js"> 
<script src="/js/bootstrap.min.js"> 

mainReady-client.js

$(document).ready(function() { 
    $(":input").inputmask(); 
}); 

HTML

<td> 
    <input value="10" data-inputmask="'mask': '999'"> 
</td> 

Я пробовал:

$(document).ready(function() { 
    $("#currIN").inputmask("9999"); 
}); 

или (реальный я хочу - валюта) ...

$(document).ready(function() { 
    $("#currIN").inputmask("'alias': 'numeric', 'groupSeparator': ',', 'autoGroup': true, 'digits': 2, 'digitsOptional': false, 'prefix': '$ ', 'placeholder': '0'"); 
}); 

, а затем:

<td> 
    <input value="10" id="currIN"> 
</td> 

Это кажется настолько простым, но ничего не происходит. Это должен быть порядок, который я загружаю, но все выглядит хорошо. Спасибо за любую помощь. Приветствия.

+0

Попробуйте http://digitalbush.com/ projects/masked-input-plugin/Мы использовали этот плагин для всех наших проектов без каких-либо проблем. – Dilish

ответ

3

Попробуйте использовать этот inputmask сценарий,

<script type='text/javascript' src="https://rawgit.com/RobinHerbots/jquery.inputmask/3.x/dist/jquery.inputmask.bundle.js"></script> 

Working example JSFIDDLE

<!DOCTYPE html> 
<html> 
<head> 
    <script type='text/javascript' src='http://code.jquery.com/jquery-1.11.0.js'></script> 
    <script type='text/javascript' src="https://rawgit.com/RobinHerbots/jquery.inputmask/3.x/dist/jquery.inputmask.bundle.js"></script> 

<script type='text/javascript'> 
//<![CDATA[ 
    $(window).load(function(){ 
    $("#currIN").inputmask("9999"); 
    }); 
//]]> 
</script> 
</head> 
<body> 
    <td> 
    <input value="10" id="currIN"> 
</td> 
</body> 
</html> 
0

Хотя этот вопрос старый, я считаю, что я нашел решение для тех, кто с подобной проблемой. Функция noConflict() исправила ее.

<script type='text/javascript'> 

    $j=jQuery.noConflict(); 

    $j(document).ready(function() { 

     $j("#currIN").inputmask("9999"); 

    }); 
</script> 
1

Вы можете использовать этот CDN-

https://cdnjs.cloudflare.com/ajax/libs/jquery.inputmask/3.1.60/inputmask/jquery.inputmask.js 

рабочая демо дается здесь Вы-

$("#piash").inputmask("A-999");
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery.inputmask/3.1.60/inputmask/jquery.inputmask.js"></script> 
 

 
<td> 
 
    <input value="A-45" id="piash"> 
 
</td>