Calling multiple JavaScript functions on a button click

Question

How to call multiple functions on button click event   Here is my button    lt asp LinkButton     ID  LbSearch      runat  server      CssClass  regular      onclick  LbSearch Click      OnClientClick  return validateView   ShowDiv1     gt    But my ShowDiv1 doesn t get called     My JavaScript functions   function ShowDiv1         document getElementById  ReportDiv   style display    block       return false     function validateView          if  document getElementById  ctl00 ContentPlaceHolder1 DLCategory   selectedIndex    0            document getElementById  ctl00 ContentPlaceHolder1 ErrorMsg   innerHTML    Please Select Your Category           document getElementById  ctl00 ContentPlaceHolder1 DLCategory   focus            return false            if  document getElementById  ctl00 ContentPlaceHolder1 DLEmpName   selectedIndex    0            document getElementById  ctl00 ContentPlaceHolder1 ErrorMsg   innerHTML    Please Select Your Employee Name           document getElementById  ctl00 ContentPlaceHolder1 DLEmpName   focus            return false            return true      If the ValidateView   function returns true I should call ShowDiv1

User · Answer

I think that since return validateView    will return a value  to the click event    your second call ShowDiv1    will not get called   You can always wrap multiple function calls in another function  i e     lt asp LinkButton OnClientClick  return display       function display        if validateView      ShowDiv1    return true       You also might try     lt asp LinkButton OnClientClick  return  validateView      ShowDiv1         Though I have no idea if that would throw an exception

User · Answer

lt asp Button ID  btnSubmit  runat  server   OnClientClick   showDiv       OnClick  btnImport Click  Text  Upload   gt  lt  asp Button gt

User · Answer

And of course you can never call the two functions at the same time  Not any one in the world except you are working on two processors simultaneously   The best way is to call a JavaScript parent function and in that  specify all the sequence of function you want to call  For example   function ShowDiv1         document getElementById  ReportDiv   style display    block       return false     function validateView         if  document getElementById  ctl00 ContentPlaceHolder1 DLCategory   selectedIndex    0            document getElementById  ctl00 ContentPlaceHolder1 ErrorMsg   innerHTML    Please Select Your Category           document getElementById  ctl00 ContentPlaceHolder1 DLCategory   focus            return false            if  document getElementById  ctl00 ContentPlaceHolder1 DLEmpName   selectedIndex    0            document getElementById  ctl00 ContentPlaceHolder1 ErrorMsg   innerHTML    Please Select Your Employee Name           document getElementById  ctl00 ContentPlaceHolder1 DLEmpName   focus            return false            ShowDiv1        return true

User · Answer

At times it gives syntax error that  return is not a function  so in that case just remove return and it will work fine    as shown below  OnClientClick  var b   validateView    if b  var b   ShowDiv1    b

User · Answer

It isn t getting called because you have a return statement above it   In the following code   function test      return 1    doStuff        doStuff   will never be called   What I would suggest is writing a wrapper function  function wrapper       if  validateView          showDiv         return true           and then call the wrapper function from your onclick handler

User · Answer

btnSAVE Attributes Add  OnClick    var b   DropDownValidate      drp compcode ClientID        if  b  b DropDownValidate      drp divcode ClientID       return b

User · Answer

if there are more than 2 js function then following two ways can also be implemented    if you have more than two functions you can group them in if condition   OR  you can write two different if conditions    1  OnClientClick  var b   validateView    if  b  ShowDiv1    if b  testfunction     return b    OR  2 OnClientClick  var b   validateView    if b       ShowDiv1      testfunction       return b

User · Answer

That s because  it gets returned after validateView      Use this   OnClientClick  var ret   validateView   ShowDiv1    return ret

User · Answer

Because you re returning from the first method call  the second doesn t execute   Try something like   OnClientClick  var b   validateView   ShowDiv1    return b    or reverse the situation   OnClientClick  ShowDiv1   return validateView       or if there is a dependency of div1 on the validation routine   OnClientClick  var b   validateView    if  b  ShowDiv1    return b    What might be best is to encapsulate multiple inline statements into a mini function like so  to simplify the call      change logic to suit taste function clicked          var b   validateView         if  b           ShowDiv1       return b      and then  OnClientClick  return clicked

User · Answer

Try this      I got it    onClientClick  var b validateView   if b  var b ShowDiv1   return b

User · Answer

Change   OnClientClick  return validateView   ShowDiv1     gt    to   OnClientClick  javascript  if validateView    ShowDiv1     gt

[javascript] Calling multiple JavaScript functions on a button click

Examples related to javascript

Examples related to function