ASP.net CustomValidator - ClientValidationFunction to check value not blank and not initial value

Question

I have following code which validates the value of a textbox to make sure it's not blank but I also need to check that it does not equal the initial value of the textbox (defaultValue).

Here's what I have so far...

Javascript:

function textValidation(source, arguments)
   {
        if ( arguments.Value != "" ){ // && arguments.Value != arguments.defaultValue
            arguments.IsValid = true;
        } else {
            $(source).parents("div").css({"background-color":"red"});
            arguments.IsValid = false;
        }
   }

.net

  <asp:TextBox runat="server" ID="Initial" Text="Initial" defaultValue="Initial" Width="120px" />                               

<asp:CustomValidator id="Initial_req"
     ControlToValidate="Initial"
     ClientValidationFunction="textValidation"
     ValidateEmptyText="true"
     runat="server"
     CssClass="errorAsterisk"
     Text="*" 
     ErrorMessage="Complete all correspondence fields" />

Marcus Vinicius · Accepted Answer · 2013-03-06 14:46:06Z

You can do what you want using a CSS class to identify the TextBox and retrieve it with jQuery, allowing you to obtain the attribute defaultValue:

Markup:

<asp:TextBox runat="server" 
             ID="Initial" 
             Text="Initial" 
             defaultValue="Initial" 
             Width="120px" 
             ValidationGroup="Test" 
             CssClass="to-validate" />

<asp:CustomValidator ID="Initial_req" 
   ControlToValidate="Initial" 
   ClientValidationFunction="textValidation"
   ValidateEmptyText="true" 
   runat="server" 
   CssClass="errorAsterisk" 
   Text="*" 
   ErrorMessage="Complete all correspondence fields"
   ValidationGroup="Test" />

<asp:Button ID="btnValidate" runat="server" Text="Validate" ValidationGroup="Test" />

Javascript:

function textValidation(source, arguments) {
     var initialValue = $(source).siblings(".to-validate:first").attr("defaultValue");

     if (arguments.Value != "" && arguments.Value != initialValue) { // && arguments.Value != arguments.defaultValue
         arguments.IsValid = true;
     } else {
         $(source).parents("div").css({ "background-color": "red" });
         arguments.IsValid = false;
     }
 }

Community · Accepted Answer · 2017-05-23 12:26:19Z

0

1)You not pass source and arguments parameters in your function .

2) then call this syntax way for ClientValidationFunction="javascript:textValidation(param1,oaram2);return true;"

3)you can use required field validation in text box here

4)or another way is (we dont use any parameter ) for here

edited May 23, 2017 at 12:26

CommunityBot

11 silver badge

answered Mar 6, 2013 at 14:51

user1193035

Comments

md5 · Accepted Answer · 2013-03-06 14:58:05Z

0

A RequiredFieldValidator will prevent blanks as well as initial values.

Use attribute InitialValue.

See here:

Use it to prevent any value that you like being entered into a TextBox. The TextBox doesn't have to have that value embedded at the start - it just can't be submitted with that value.

edited Mar 6, 2013 at 14:58

md5

23.8k4 gold badges49 silver badges96 bronze badges

answered Mar 6, 2013 at 14:44

Joe

1,67912 silver badges10 bronze badges

3 Comments

Marcus Vinicius Over a year ago

This will require two RequiredFieldValidators - one to validate "Initial" and other to validate "".

Tom Over a year ago

This was my initial approach, but as you'll see from my code, I want to be able to change the background color of a parent element so needed to use the CustomValidator. Thanks for the advice though.

Joe Over a year ago

@MarcusVinicius - no, one validator will do both blank and initial

Collectives™ on Stack Overflow

ASP.net CustomValidator - ClientValidationFunction to check value not blank and not initial value

3 Answers 3

Comments

Comments

3 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

3 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related