[R3cuRsioN]

<asp:Content ID="Content1" ContentPlaceHolderID="head" Runat="Server">
</asp:Content>

<asp:Content ID="Content2" ContentPlaceHolderID="cpMainContent" Runat="Server">
    <div class="StateOneBtm">
        <div class="h2">blah blah blah</div>
        <div class="buttons">
            <asp:TextBox ID="Email" runat="server" style="margin-left: 0px" 
                Width="272px" Height="28px" ForeColor="#CCCCCC" 
                onfocus="Onfoc();" ClientIDMode="Static">Enter your email...</asp:TextBox>
            <asp:Button ID="Button1" runat="server" Text="Go" 
                CssClass="Button" Height="41px" onclick="Button1_Click" />
            
            <asp:RegularExpressionValidator ID="RegularExpressionValidator1" runat="server" 
                ControlToValidate="Email" ErrorMessage="!" ForeColor="Red" 
                ValidationExpression="\w+([-+.’]\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*"></asp:RegularExpressionValidator>
            
        </div>
    </div>

    <script type="text/javascript" language="javascript">
        function Onfoc() {
            //document.getElementById('<%= Email.ClientID %>').value = "";
            //document.getElementById('<%= Email.ClientID %>').style.color = "#000";
            $('#Email').value = "";
            $('#Email').addClass('EmailFocus');
       }
      
    </script>
</asp:Content>

Note that the textbox control with Id 'Email' has its onfocus event bound to the onFoc() function defined in the script.

Why won't this work? If I use the two lines that are commented out in the script it works just fine. When I try doing the same thing using jQuery it doesn't work. The EmailFocus css class is defined, and jQuery is included and everything.

[mrburnttoast]

I think you just have incorrect syntax. This works:

$('#Email').each(function () {
            var email = this.value;
            $(this).focus(function () {
                if (this.value == email) {
                    this.value = '';
                    $(this).css('color', '#000');
                }
            });
        }); 

I don't think you need the onfoc() method either.

MOD EDIT: Added code tags. When posting code...USE CODE TAGS!!!

This post has been edited by JackOfAllTrades: 09 June 2012 - 03:41 AM

[Nakor]

as mrburnttoast said, using $(this) should work. The reason just using $('#Email') doesn't work is because in asp.net the names of server controls get built by adding the name of their naming container, so the actual ID of the input element might end up being something like <input id='panel01_Email'... instead of just <input id='Email'.... The way you would find that element would be to use $('input[id$="Email"]') which will search for an element with an id ending in 'Email'. Of course if more than one element's id ends with 'Email' it will only select the first one it finds.

This post has been edited by Nakor: 10 June 2012 - 06:01 AM