jQuery mask input without changing value

Question

I am using masked-input-plugin but it changes value and field becomes invalid ...

in my js

$phoneInput.mask('99-99-99-999');

and later in browser console

('.phone-input-order-form').val()
"99-99-99-999"

Is there any way to get from val "999999999" while it masked ?

I am thinking to extend jQuery val but maybe you know better way? maybe without this plugin? :D

possible duplicate of Remove literals from input mask after form submit? — stevenw00
– stevenw00, Commented Jul 8, 2015 at 10:20
seems I asked clearly - 1) or extend val; 2) or somehow show mask without affect to inputs value — madzohan
– madzohan, Commented Jul 8, 2015 at 10:23
@stevenw00 nope, It's not DRY There are many lines of code where I should add condition and put unmask or replace or whatever ... — madzohan
– madzohan, Commented Jul 8, 2015 at 10:28
what about a newer prototype so that you won't need to extend .val()? do you have to replace that .val() so many times? something like that? jsfiddle.net/jvr0nqz2 — briosheje
– briosheje, Commented Jul 8, 2015 at 10:32

alan0xd7 · Accepted Answer · 2015-07-08 10:40:35Z

3

Overriding jQuery's val() function might cause unexpected issues with other scripts. Maybe try something like this:

$.fn.maskVal = function () {
    return $(this).mask();
};

answered Jul 8, 2015 at 10:40

alan0xd7

1,8511 gold badge16 silver badges21 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Evgeny Samsonov · Accepted Answer · 2015-07-08 10:28:56Z

2

$('.phone-input-order-form').mask(); => "999999999"

answered Jul 8, 2015 at 10:28

Evgeny Samsonov

2,7404 gold badges22 silver badges28 bronze badges

jay temp · Accepted Answer · 2015-07-08 10:17:54Z

-1

do something like

yourstring.replace("-", "");

answered Jul 8, 2015 at 10:17

jay temp

1,20312 silver badges11 bronze badges

It's not DRY There are many lines of code where I should add condition and put replace