Tutorial :Jquery form submit() call back not working



Question:

I have an iframe and a form. Form's target is iframe. When I submit form, the result page should load in iframe. I have attached the code below:

<html>  <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>   <script type="text/javascript">     function submitForm() {   $("form#testForm").submit(function(){     alert('hii')    });  }  </script>    </head>    <body>    <iframe name="testFrame" id="testFrame" frameborder="1" scrolling="no" width="500"     height="200"></iframe>  <form name="testForm" id="testForm" action="http://www.yahoo.com" target="testFrame">    </form>    <button name="testBtn" value="submit" onclick="submitForm();">submit</button>  </body>  </html>  

The alert is not coming....Help me please...


Solution:1

As the docs say, if you call a jQuery event method with an argument, it adds an event handler rather than firing the event. You need to add the event handler outside submitForm.

$(document).ready($("form#testForm").submit(function(){     alert('hii')  });      function submitForm() {      $("form#testForm").submit();  }  

Note:If u also have question or solution just comment us below or mail us on toontricks1994@gmail.com
Previous
Next Post »