Question

我有一个iframe和一个表单。表格的目标是iframe。当我提交表单时，结果页面应该加载到iframe中。我附上了以下代码：

<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>

警报没有来......请帮帮我......

Answer 1

作为docs say，如果使用参数调用jQuery事件方法，则会添加事件处理程序而不是触发事件。您需要在submitForm之外添加事件处理程序。

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


function submitForm() {
    $("form#testForm").submit();
}

Jquery表单submit（）回调不起作用

1 个答案: