Tuesday, May 3, 2011

Add attributes to textbox using jquery

I am using asp.net MVC.

I have control like

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

I want lost focus event to that control.

So code like

$(document).ready(function() {
        $("#username").Attributes.Add("onblur", "alert('losing focus');");
    })

but it is not working,

Ultimate goal is to check password & confirm password matches

help me!

From stackoverflow
  • It looks like you're trying to use C# code in jQuery?

    The easiest way to bind an event to onblur in jQuery is:

    $("#username").blur(function() { alert('losing focus'); });
    

    More information on blur() is available at http://docs.jquery.com/Events/blur

  • I believe your jQuery syntax is wrong,

    You want to bind an event, "onBlur" that fires the alert, so try

    $("#username").blur(function(){ alert("loosing focus"); });

    -- update, looks like some one answered this as I was answering

  • $(document).ready(function() {
        $("#username").blur(function() {
    alert('byebye focus');
    
    })
    })
    

    http://docs.jquery.com/Events/blur

    Maksim Kondratyuk : Yeah, this good solution too. Very useful link is http://visualjquery.com/
  • You can try attach to this event with another way, like this:

    $("#username").bind("blur", function(e){
      alert('hello');
    });
    

0 comments:

Post a Comment