jqxMaskedInput 'val' and 'value' have different behaviours

[LuisParticipant]

Hi all,
I found that val and value have different behavior, is that expected or is it a bug?

$('#BankAcountNumberField').jqxMaskedInput({ width: '356px', height: '30px', mask: '##-####-#######-###' });
console.log($('#BankAcountNumberField').val());  // "__-____-_______-___"

var accountNumber = "1234567891234567";

$('#BankAcountNumberField').val(accountNumber);
console.log($('#BankAcountNumberField').val()); // "12-4567-9123456-___"  incorrect!

$('#BankAcountNumberField').jqxMaskedInput('val', accountNumber);
console.log($('#BankAcountNumberField').val()); // "12-4567-9123456-___"  incorrect!

$('#BankAcountNumberField').jqxMaskedInput({value: accountNumber});
console.log($('#BankAcountNumberField').val()); // "12-3456-7891234-567"  correct!

Live example here: https://codepen.io/lhernand/pen/ExyVezv?editors=1011

Thanks!

[MartinParticipant]

Hello Luis,

I would suggest you to use the value property for setting the input’s value,
and the val method for getting the value.

Best Regards,
Martin Yotov

jQWidgets team
https://www.jqwidgets.com

[Author]

Posts