watermarked asp.net form validation using jquery
<p>I have an asp.net form with watermarks like this:</p>

<pre><code>   &lt;form id="form1" runat="server"&gt;

&lt;div class="form-inner"&gt;
                            &lt;asp:TextBox ID="firstname" runat="server" value="First Name *" title="First Name *"
                                class="water"&gt;&lt;/asp:TextBox&gt;
                            &lt;asp:TextBox ID="lastname" runat="server" value="Last Name *" title="Last Name *"
                                class="water"&gt;&lt;/asp:TextBox&gt;
                            &lt;%--&lt;input name="" value="Address *" title="Address *" type="text" class="water"/&gt;--%&gt;
                            &lt;asp:TextBox ID="Address" runat="server" value="Address *" title="Address *" class="water"&gt;&lt;/asp:TextBox&gt;
                            &lt;%-- &lt;input name="" value="City *" title="City *" type="text" class="water"/&gt;--%&gt;
                            &lt;asp:TextBox ID="City" runat="server" value="City *" title="City *" class="water"&gt;&lt;/asp:TextBox&gt;
                            &lt;div&gt;
                                &lt;asp:DropDownList ID="drpStates" runat="server" CssClass="inpt"&gt;                                    
                                &lt;asp:ListItem Selected="True"&gt;State*&lt;/asp:ListItem&gt;
                                    &lt;asp:ListItem&gt;ACT&lt;/asp:ListItem&gt;
                                    &lt;asp:ListItem&gt;NSW&lt;/asp:ListItem&gt;
                                    &lt;asp:ListItem&gt;NT&lt;/asp:ListItem&gt;
                                    &lt;asp:ListItem&gt;SA&lt;/asp:ListItem&gt;
                                    &lt;asp:ListItem&gt;VIC&lt;/asp:ListItem&gt;
                                    &lt;asp:ListItem&gt;WA&lt;/asp:ListItem&gt;
                                &lt;/asp:DropDownList&gt;

                                &lt;%--  &lt;input class="inpt" name="postalcode" id="postalcode" value="Postcode *" type="text"/&gt;--%&gt;
                                &lt;asp:TextBox ID="postalcode" runat="server" class="inpt" title="Postcode *" value="Postcode *"&gt;&lt;/asp:TextBox&gt;
                            &lt;/div&gt;
                            &lt;%-- &lt;input name="" value="Phone number *" title="Phone number *" type="text" class="water"/&gt;--%&gt;
                            &lt;asp:TextBox ID="txtPhoneNumber" runat="server" value="Phone number *" title="Phone number *"
                                class="water"&gt;&lt;/asp:TextBox&gt;
                            &lt;%-- &lt;input name="" value="Email *" title="Email *" type="text" class="water"/&gt;--%&gt;
                            &lt;asp:TextBox ID="txtEmail" runat="server" value="Email *" title="Email *" class="water"&gt;&lt;/asp:TextBox&gt;
                            &lt;div class="form-term"&gt;
                                &lt;div class="chk-up"&gt;
                                    &lt;%--&lt;input name="" type="checkbox" value="" /&gt;--%&gt;
                                    &lt;asp:CheckBox ID="chkInsurance" runat="server" Text="Yes, include my free $ 15,000 Insurance" /&gt;
                                &lt;/div&gt;
                                &lt;div&gt;
                                    &lt;%--&lt;input name="" type="checkbox" value="" checked="checked" /&gt;--%&gt;
                                    &lt;asp:CheckBox ID="chkNews" runat="server" Text="Yes, I would like to receive latest news" /&gt;
                                &lt;/div&gt;
                            &lt;/div&gt;
                            &lt;div class="send-btn"&gt;
                                &lt;%-- &lt;a href="#"&gt;SEND ME A SECURE GOLD PACK&lt;/a&gt;--%&gt;
                                &lt;asp:LinkButton ID="lnkSendEmail" runat="server" OnClick="lnkSendEmail_Click"&gt;SEND ME A SECURE GOLD PACK&lt;/asp:LinkButton&gt;
                            &lt;/div&gt;
                        &lt;/div&gt;
</code></pre>

<p></p>

<p>and water mark code is like this:</p>

<pre><code>jQuery(document).ready(function () {

        $(".water,.inpt").each(function () {
            $tb = $(this);
            if ($tb.val() != this.title) {
                $tb.removeClass("water");
            }
        });

        $(".water,.inpt").focus(function () {
            $tb = $(this);
            if ($tb.val() == this.title) {
                $tb.val("");
                $tb.removeClass("water");
            }
        });

        $(".water,.inpt").blur(function () {
            $tb = $(this);
            if ($.trim($tb.val()) == "") {
                $tb.val(this.title);
                $tb.addClass("water");
            }
        });
}); 
</code></pre>

<p>I want to validate this form but due to water marks it is not being validated.</p>

<p>I am using this plugin for validation.</p>

<p><a href="http://jquery.bassistance.de/validate/demo/themerollered.html" rel="nofollow">http://jquery.bassistance.de/validate/demo/themerollered.html</a></p>

<p>Please suggest me solution to it.</p>

<p>Thanks</p>
