Click here to Skip to main content
15,894,460 members
Please Sign up or sign in to vote.
0.00/5 (No votes)
See more:
in asp .Net I have button control on client click event I have Performed client side validation and on button click I am inserting data into database but In my case even
if client side validation function
return false;
. then also it is Executing Server Code.

What I have tried:

I have Asp .net
ImageButton
as follows

<asp:ImageButton ID="ImgSave" runat="server" ImageUrl="~/images/save.gif" TabIndex="11" OnClientClick="Validate();" ToolTip="Save" Visible="true" OnClick="ImgSave_Click" />




javascript function is as

function Validate()//
{
    if (document.getElementById('DrpTitle').selectedIndex == 0)//
    {
        var msg = "Please Select Title";
        document.getElementById('lblMessage').innerHTML = msg;
        document.getElementById('divForBasic').style.display = 'block';
        document.getElementById('divForContact').style.display = 'none';
        document.getElementById('divForAddress').style.display = 'none';
        document.getElementById('divForIdent').style.display = 'none';
        document.getElementById('divForBank').style.display = 'none';
        document.getElementById('divForWork').style.display = 'none';
        document.getElementById('divForEducation').style.display = 'none';
        document.getElementById('divForPersonal').style.display = 'none';
        document.getElementById('divForSocial').style.display = 'none';
        document.getElementById('DrpTitle').focus();

        return false;
    }
    if (document.getElementById('TxtFName').value == '') //
    {
        if (document.getElementById('TxtFName').value.length < 1)//
        {
            var msg = "Please Enter First Name";
            document.getElementById('lblMessage').innerHTML = msg;
            document.getElementById('divForBasic').style.display = 'block';
            document.getElementById('divForContact').style.display = 'none';
            document.getElementById('divForAddress').style.display = 'none';
            document.getElementById('divForIdent').style.display = 'none';
            document.getElementById('divForBank').style.display = 'none';
            document.getElementById('divForWork').style.display = 'none';
            document.getElementById('divForEducation').style.display = 'none';
            document.getElementById('divForPersonal').style.display = 'none';
            document.getElementById('divForSocial').style.display = 'none';
            document.getElementById('TxtFName').focus();

            return false;
        }
    }
Posted
Updated 22-May-18 3:58am

1 solution

  1. Add return true; to the end of your Validate function;
  2. Change your OnClientClick attribute to:
    OnClientClick="if(!Validate()){return false;}"
  3. Repeat the validation on the server-side, in case the user has disabled or otherwise bypassed your client-side validation.
 
Share this answer
 

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)



CodeProject, 20 Bay Street, 11th Floor Toronto, Ontario, Canada M5J 2N8 +1 (416) 849-8900