MVC2 - Trying to pull a textbox's value into Javascript

Question

I'm trying to perform some realtime phone-number validation using javascript. I don't need help on the validation; I just need help pulling the value from the textbox into a Javascript variable.

However, on page load, I'm getting an error that says, "The name 'txtPhone' does not exist in the current context."

Here is where I declare the textbox in MVC2:

<div class="editor-field">
    <%: Html.TextBoxFor(model => model.phone, new { id = "txtPhone", onblur = "checkPhoneNumber();" })%>
    <%: Html.ValidationMessageFor(model => model.phone) %>
</div>

On the same page, I have this javascript:

function checkPhoneNumber() {
    var phone = $("#<%= txtPhone.ClientID %>").value;
}

If I comment-out the txtPhone reference in Javascript, the page will load, and I can see the ID is properly assigned to the text box as follows (from View Source):

<div class="editor-field">
    <input id="txtPhone" name="phone" onblur="checkPhoneNumber();" type="text" value="" />

SLaks · Accepted Answer · 2011-08-10 21:23:41Z

1

You're trying to work with ASP.Net server controls, which MVC doesn't use.
You only need ClientID because ASP.Net server-side controls emit unique IDs in their generated HTML.

ASP.Net MVC does not create any server-side controls; TextBoxFor will aways use the ID you provide it as-is.

answered Aug 10, 2011 at 21:23

SLaks

891k182 gold badges1.9k silver badges2k bronze badges

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

2 Comments

WEFX Over a year ago

are you saying that I should just remove the "ClientID" suffix from my Javascript?

WEFX Over a year ago

Thanks. You were right, I just needed $("#txtPhone").val() .

Adam Jones · Accepted Answer · 2011-08-10 21:28:03Z

1

Using straight Javascript you can get a reference to the TextBox with

document.getElementById('myText')

but it looks like you are using a framework (jQuery perhaps)? If you are using jQuery I believe the syntax is

$("#txtPhone")

either way, once you get a reference to the text box, setting the value should work the way you are trying.

answered Aug 10, 2011 at 21:28

Adam Jones

7213 silver badges9 bronze badges

Collectives™ on Stack Overflow

MVC2 - Trying to pull a textbox's value into Javascript

2 Answers 2

2 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

2 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related