Question

我从jquery.com中提取了这个想法的模板，并将其包含在我的表单中。在提交时，表单仍然在action之后并提交并显示 condoupdate.php ，即使设置了'preventDefault'事件也是如此。使用WAMP对FF进行测试。

<div style="display:block;margin:0px 10px 0px 10px;width:99%;">
<form id="condoupdate" name="condoupdate" method="post" action="condoupdate.php">
<table width="100%" border="0" cellspacing="0" cellpadding="0">

  <tr valign="top">
    <td><img src="img/details.png" /></td>
    <td><textarea name="detail" cols="45" rows="5"><?php ECHO $extras; ?></textarea><BR /><BR /><input type="submit" class="unitBtn" name="svUnit" id="svUnit" value="Save"/>&nbsp;&nbsp;<input type="reset" class="unitBtn" name="resetUnit" value="Reset"/><div id="result" style="margin-left:10px;display:inline;"></div>
    </td>
  </tr>

</table>
</form></div>

    <script>
    $("#condoupdate").submit(function(event) {

    // Stop form from submitting normally
    event.preventDefault();

    // Get some values from elements on the page
    url = $("#condoupdate").attr("action");

    // Send the data using post
    var posting = $.post(url);

    // Put the results in a div
    posting.done(function(data) {
    var content = $(data).find("#content");
    $("#result").empty().append(content);

        });
    });

    </script>

event.preventDefault（）;继续加载中

0 个答案: