why javascript ignores changes in default text of the textbox?

Question

I can't understand why javascript ignores changes of the default text of the textbox?

More details: The textbox has default text as 'Search'. When client tries to submit the search form with the default text, it should return false and get focus back to the textbox.

<asp:Panel CssClass="search rnd" ID="SearchBox" runat="server" DefaultButton="btnSearch">
    <asp:TextBox ID="txtSearch" runat="server" ValidationGroup="searchForm" MaxLength="100" CssClass="text" Text="Search" onfocus="if ( this.value == 'Search') { this.value = ''; }" onblur="if ( this.value == '' ) { this.value = 'Search'; }"></asp:TextBox>
    <asp:Button ID="btnSearch" runat="server" ValidationGroup="searchForm" CssClass="btn-search" ToolTip="Search the Website" OnClick="btnSearch_Click" OnClientClick="if ( document.getElementById('<%= txtSearch.ClientID %>').value = 'Search') { document.getElementById('<%= txtSearch.ClientID %>').style.background = 'yellow'; document.getElementById('<%= txtSearch.ClientID %>').focus(); return false; } " />
    <asp:RequiredFieldValidator CssClass="hdn rf" ID="RequiredFieldValidator1" ControlToValidate="txtSearch" runat="server" ErrorMessage="*"></asp:RequiredFieldValidator>
</asp:Panel>

Please someone help me!

Can you please explain more

Hassan Mokdad
– Hassan Mokdad

2013-04-18 09:48:07 +00:00
Commented Apr 18, 2013 at 9:48 — Hassan Mokdad
– Hassan Mokdad, Commented Apr 18, 2013 at 9:48

Yeronimo · Accepted Answer · 2013-04-18 10:04:02Z

2

You are assigning instead of comparing.

Change: if ( document.getElementById('<%= txtSearch.ClientID %>').value = 'Search')

To if ( document.getElementById('<%= txtSearch.ClientID %>').value == 'Search')

answered Apr 18, 2013 at 10:04

Yeronimo

1,75915 silver badges29 bronze badges

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

Comments

Mahmoud Farahat · Accepted Answer · 2013-04-18 10:05:33Z

Your code is working well , I just put the code in a function and called it OnClientClick

you also forgot to use == instead of = in your if statement try this :

   <asp:Panel CssClass="search rnd" ID="SearchBox" runat="server" DefaultButton="btnSearch">
    <asp:TextBox ID="txtSearch" runat="server" ValidationGroup="searchForm" MaxLength="100" CssClass="text" Text="Search"
     onfocus="if ( this.value == 'Search') { this.value = ''; }" onblur="if ( this.value == '' ) { this.value = 'Search'; }"></asp:TextBox>
    <asp:Button ID="btnSearch" runat="server" ValidationGroup="searchForm" CssClass="btn-search" ToolTip="Search the Website" 
    OnClick="btnSearch_Click" OnClientClick=" validateTextbox()" />
    <asp:RequiredFieldValidator CssClass="hdn rf" ID="RequiredFieldValidator1" ControlToValidate="txtSearch" runat="server"
     ErrorMessage="*"></asp:RequiredFieldValidator>
</asp:Panel>


<script>

    function validateTextbox() {

        if (document.getElementById('<%= txtSearch.ClientID %>').value == 'Search') {
            document.getElementById('<%= txtSearch.ClientID %>').style.background = 'yellow';

            document.getElementById('<%= txtSearch.ClientID %>').focus();

            return false;
        }

    }
</script>

Collectives™ on Stack Overflow

why javascript ignores changes in default text of the textbox?

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related