Call a JavaScript function from a texbox that is generated by an MVC Helper.

Question

How do I call a JavaScript function from a texbox that is generated by an MVC Helper. I want my textbox to call a function like this:

<input type="text" id="Ejemplo" onkeyup="SumaEjemplo()" />

I'm using:

<%= Html.TextBox("Ejemplo")%>

Where do I put it?

Answer 1

<%= Html.TextBox("Ejemplo",string.Empty,new{onkeyup="SumaEjemplo()"})%>

Answer 2

You could also use jQuery to automatically bind the event when the control is created. This is really only useful I guess when you want to create the controls within a javascript/jquery event.

Answer 3

Use event binding

By using jQuery you could write this code in Javascript (either directly inside a <script> tag or in a separate script file that's loaded with the view:

$(function(){
    $("#Ejemplo").keyup(SumaEjemplo);
});

function SumaEjemplo(eventInstance){
    // handle onkeyup event
}

This way you'll be able to attach multiple events to the same control and is considered the proper way of doing this.