Home/ Questions/Q 710937
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-14T04:40:43+00:00

I have an iframe and a form. Form’s target is iframe. When I submit

  • 0

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…

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    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();
}
    • 0