[javascript] Как правильно настроить десятичную маску с помощью jQuery MaskedInput 1.3



0 Answers

Masked Input jQuery Plugin может быть настроен для поддержки десятичных знаков переменной ширины.

Во-первых, добавьте определение маски, которое поддерживает ваш локальный разделитель десятичных знаков или числовые символы:

$.mask.definitions['d'] = '[0-9.]';

Затем определите маску:

$('#AnnualIncome').mask('9?dddddddd', ' ');

Десятичные разряды являются необязательными, и вы не можете контролировать количество десятичных знаков, но все же полезно в определенных сценариях и сохраняете добавление другого плагина.

Question

Я использую jQuery 1.7.1 и jQuery maskedinput 1.3 в своем приложении ASP.NET MVC 3 .

Как настроить маскированный элемент, который принимает десятичное значение (SQL decimal 10,2). У меня есть работы, но это выглядит ужасно:

$('#AnnualIncome').mask('9?9999999.99', { placeholder: ' ' });

Когда я перехожу на свою страницу и нажимаю на текстовое поле, тогда есть место для числовых значений с помощью. далее для десятичной части. Это выглядит ужасно, и похоже, что он не работает. Я наберу 9 для левой части десятичной и затем 99 для правой части десятичной дроби. Поэтому, если текстовое поле все еще имеет фокус, тогда он выглядит примерно так:

9___________.99

Я не хочу, чтобы это было так, я хочу, чтобы пользователь мог ввести десятичный знак в любое время, я хочу что-то вроде:

9.99

Кроме того, если текстовое поле теряет фокус, то теперь оно выглядит так:

999

Мне нужно это для отображения:

9.99

Может кто-нибудь, пожалуйста, помогите мне настроить это правильно?




Related