Remove literals from input mask after form submit?

Question

this question has already been asked but the solutions where not clear.

Im using Josh Bush's MaskedInput plugin for jQuery

What im trying to achieve is:

E.g: a phone input with the mask

    $("#txtPhone").mask("(99)9999-9999");

EQUALS: (00)9398-8373

i want it to submit : 0093988373

------ Is it possible to remove the .mask on submit but keep the value?

You could just use .replace(/()-/g, ''). Unless I'm missing something. — Ivan, Oct 21 '11 at 20:04

score 35 · Accepted Answer · answered Oct 21 '11 at 20:15

35

I think you want to use unmask

$("#myForm").submit(function() {
  $("#txtPhone").unmask();
});

answered Oct 21 '11 at 20:15

Alex Peattie

26,633
5
50
52

2

Much more elegant than my solution. +1 – Ivan Oct 21 '11 at 20:17
WOOOOOOOOOOOOOOOOOOOP, ty ty :D – Wednesday Man Oct 24 '11 at 12:28
1

The empty literals are removed but the ones with values still have the literals. Should we use replace() for that? – Shiva Naru Apr 22 '15 at 17:51
7

not working unmask func. Uncaught TypeError: $(...).unmask is not a function – tahsin ilhan Dec 29 '15 at 13:18
6

No longer working. `$(...).unmask is not a function`. – Blaise Jan 12 '17 at 21:21
Adding on your solution, if you have multiple fields (my case): `$('.unmask').unmask()` – ArtFranco Jul 23 '19 at 14:37

score 16 · Answer 2 · answered Nov 13 '15 at 07:18

16

Set removeMaskOnSubmit as true when you initialize the inputmask

    $("#txtPhone").inputmask({removeMaskOnSubmit: true});

answered Nov 13 '15 at 07:18

Shameem Ahmed Mulla

656
4
13

1

This code you submit is relative to `jquery.inputmask` from "Robin Herbots" ( https://github.com/RobinHerbots/jquery.inputmask ). This does not work on Josh Bush's `jquery.maskedinput` ( https://github.com/digitalBush/jquery.maskedinput ). – lucasarruda Jan 27 '16 at 20:51
Yes your are right, do you want me to delete the answer? – Shameem Ahmed Mulla Feb 08 '16 at 09:37

score 8 · Answer 3 · answered Mar 15 '13 at 20:16

8

Based on Plugin Site:

$("#txtPhone").val($("#txtPhone").mask());

answered Mar 15 '13 at 20:16

dperez

592
5
11

3

This is the one that worked for me! Applied on form submit – stephen776 Nov 10 '15 at 20:28
1

This is the best way to accomplish task – whitwhoa Nov 07 '16 at 16:45
Thank you for this one! – Tanner_Gram Dec 13 '18 at 16:54

score 7 · Answer 4 · answered Feb 04 '19 at 21:00

7

unmask is not a function. This is my way of use. autoUnmask: true

    $('#amount').inputmask('999.999.999.999', {
        numericInput: true,
        autoUnmask: true,
    });

answered Feb 04 '19 at 21:00

umutyerebakmaz

887
8
18

1

Should probably note that this function is available through a jQuery plugin and not base jQuery. – ShadowWesley77 Feb 15 '21 at 18:25

Ivan · Answer 5 · 2011-10-21T20:19:51.280

2

If you are using the completed callback, then you can just use:

$(element).mask("(99)9999-9999", {
  completed : function () {
    var numbers = this.val().replace(/()-/g,'');
  }
}

Otherwise, you can use:

$(element).val().replace(/()-/g,'');

If you want to do this before submitting, I suggesting capturing the submit event, using the code immediately above and then submitting the form.

EDIT: Alex Peattie pointed out the unmask() function, which I must say is a much better solution than mine. I'll leave my answer here, but I'd go with his solution.

edited Oct 21 '11 at 20:19

answered Oct 21 '11 at 20:13

Ivan

10,052
12
47
78

TY vm @Ivan// i will keep your solution in mind for other coding that dont using the .mask plugin – Wednesday Man Oct 24 '11 at 12:30
Using a regexp didn't work for me. I am using the same mask plugin with the following pattern: $?999. .replace(/$_/g,'') did not work. I tried escaping the $ with a backslash and that didn't work. For now I am using .replace('$','').replace(/_/g,'') and that works. – wclark Oct 21 '12 at 17:40

AlexB · Answer 6 · 2016-04-19T15:24:28.767

You can also extract the raw value on a masked input using

$("#YourSelector").data( $.mask.dataName )();

Source : https://github.com/digitalBush/jquery.maskedinput/issues/318

Example
If you use a phone input with such a mask :

$(".phone").mask("99 99 99 99 99")

you can extract the user input using :

$(".phone").data($.mask.dataName)() 
// will produce "0102030405" while the masks displays 01 02 03 04 05

score 0 · Answer 7 · answered Apr 26 '17 at 15:25

0

Assuming you have more than just one input being submitted, you could use:

// unmask all inputs, before savinf;
$(FormObj+" input[type=text]").each(function() {
    $(this).unmask();
});

where FormObj is your form object id, such as #form.

answered Apr 26 '17 at 15:25

Paulo Henrique

489
3
15

Remove literals from input mask after form submit?

7 Answers7

Linked