jquery input mask overwriting textbox value with asp.net

Question

I have an ASP.NET web form, and I'm using the masked input plugin from http://digitalbush.com/projects/masked-input-plugin, which seems to be a pretty popular plugin. It works very well, but I'm having an issue when attempting to pre-populate a value in a textbox using the masking.

In my document.ready, Im performing:

$("#txtPrimaryPhone").mask("(999) 999-9999 ?x9999");

In my codebehind I set my text property like so:

txtPrimaryPhone.Text = "1234567890";

When my page loads, my textbox is empty. Has anyone run into similar issues, or can anyone offer any suggestions? Thanks!

Lilo · Accepted Answer · 2013-12-10 17:20:33Z

1

Here's the solution :

Instead of

$("#txtPrimaryPhone").mask("(999) 999-9999 ?x9999");

Try this

 $.each($('#txtPrimaryPhone'), function (iEmt, emt) {
            $(emt).mask("(999) 999-9999 ?x9999").val($(emt).attr("value"));
        });

it works for me :)

answered Dec 10, 2013 at 17:20

Lilo

2,74427 silver badges16 bronze badges

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

Comments

Yushell · Accepted Answer · 2013-10-23 19:08:41Z

0

If I’m correct, the jQuery mask is applied once you load your page, then your txtPrimaryPhone.Text is set server side. I have two theories.

One: 1234567890 is not accepted by the mask because it is not in the right format. Right format should be something like txtPrimaryPhone.Text = “(999) 999-9999 x99999”;.

Two: The mask works as a filter for user input but does not accept the server side value for txtPrimaryPhone. It’s a little hard to find out without a sample we can debug or edit.

answered Oct 23, 2013 at 19:08

Yushell

7451 gold badge7 silver badges16 bronze badges

1 Comment

ewitkows Over a year ago

Thanks Yushell, I tried pre-formatting the value before sending it to the screen, but it still didn't show. Thanks for the insight though, appreciate it..

Collectives™ on Stack Overflow

jquery input mask overwriting textbox value with asp.net

2 Answers 2

Comments

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related