How to disable the submit button if page validation fails in ASP.NET using javascript

Question

I need to disable the save button on my form using javascript, if the validation on the page fails. If they don't then it must be enabled used the following code.

Code:

<script language="javascript" type="text/javascript">
  function ValidatePage() 
    {
        if (Page_ClientValidate == true) 
        {

        }

        else 
        {            
            document.getElementById(buttonID).disabled = true;
            return false;
        }
}
</script>

<asp:Button ID="btnSave" CssClass="button" runat="server" Text="Save" 
  Width="61px" Height="29px" OnClientClick="ValidatePage();" onclick="btnSave_Click" />

Adil · Accepted Answer · 2013-04-02 06:09:35Z

4

You have to use ClientID of button, also return true when if statement is true

document.getElementById('<%= btnSave.ClientID %>').disabled = true;

You have using Page_ClientValidate as variable but it is function.

Change

if (Page_ClientValidate == true)

To

if(Page_ClientValidate(""))

You are not using the returned value of ValidatingPage() in OnClientClick and as a result you will get postback anyway

Change

OnClientClick="ValidatePage();"

To

OnClientClick="return ValidatePage();"

edited Apr 2, 2013 at 6:09

answered Apr 2, 2013 at 5:40

Adil

148k25 gold badges217 silver badges207 bronze badges

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

2 Comments

Shahid Manzoor Bhat Over a year ago

It disables the submit button even if the validations are okay, I used an alert it always goes into the else part of the function eevn if the validations are okay.

Shahid Manzoor Bhat Over a year ago

Thank you very much Adil, Thank you for your generosity.

Sharique Hussain Ansari · Accepted Answer · 2013-04-02 06:15:20Z

1

You can use OnClientClick="return ValidatePage();"

Hope This help.

answered Apr 2, 2013 at 6:15

Sharique Hussain Ansari

1,4561 gold badge12 silver badges22 bronze badges

Collectives™ on Stack Overflow

How to disable the submit button if page validation fails in ASP.NET using javascript

2 Answers 2

2 Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

2 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related