Required Field Validator for textbox having onblur value

Question

I have a textbox having onblur value. When applying it, its corresponding Required Field Validator is not working. My code is here

 <div align="center">
    <asp:TextBox ID="tb_age" runat="server" 
       onfocus="if (this.value == 'Select Age') this.value = '';" 
       onblur="if (this.value == '') this.value = 'Select Age';" 
       value="Select Age" >
    </asp:TextBox>                          
    <asp:RequiredFieldValidator runat="server" id="req_tb_age" 
      controltovalidate="tb_age" errormessage="*" SetFocusOnError="True" 
      Display="Dynamic" />
    <asp:Button ID="bt_show" runat="server"   text="Show"
       CausesValidation="true"  
  onclick="bt_show_data_Click" OnClientClick="Confirm()"/>
</div>

score 2 · Answer 1 · answered May 17 '17 at 06:55

2

Instead of using your onfocus/onblur events use placeholder="Select Age" attribute for the TextBox.

answered May 17 '17 at 06:55

BorisSh

531
4
3

Sushmit Patil · Accepted Answer · 2017-05-18T04:56:00.380

2

As @borissh said you can use placeholder attribute, if you dont want to use placeholder you can add attribute InitialValue="Select Age" to your RequiredFieldValidator control.

You can study more on this here

edited May 18 '17 at 04:56

answered May 17 '17 at 07:46

Sushmit Patil

1,335
1
14
26

score 0 · Answer 3 · edited May 23 '17 at 12:02

0

The possible problem is that the code loops through all the validators but does not compare the ones that reference the same control at once.

try this solution

edited May 23 '17 at 12:02

Community

1
1

answered May 17 '17 at 05:06

Hank

187
1
1
13

score 0 · Answer 4 · edited May 23 '17 at 12:02

generally, the RequiredFieldValidator gets triggered by the onChange event at the client side. But you are trying to achieve the same by onBlur event. Yoy need to add this snippet to trigger the validator for onBlur Instead-

void Page_Load(object sender, EventArgs e)
{
    txtSummary.Attributes.Add("onblur", "ValidatorValidate(" + reqvalSummary.ClientID + ")");
}

Hope this helps. Or, go to this link to find out more on this.

score 0 · Answer 5 · answered May 17 '17 at 05:21

Instead of writing inline JS you should write your all JS code in one place. External file is the best way to manage code though you can write file specific JS on same page.

<asp:TextBox ID="tb_age" runat="server" 
       onfocus="Validate(this)" 
       onblur="Validate(this)" 
       value="" >
 </asp:TextBox>

<script type="text/javascript">
   function Validate(elem)
   {
     if (elem.value == '') 
     {
       elem.value = 'Select Age';
     }
   }
</script>

Required Field Validator for textbox having onblur value

5 Answers5