表单未使用jquery提交

时间:2015-06-23 10:21:35

标签: javascript jquery html forms

我有以下表格,

<form method="post" action="test.php" id="offer1Form">
    <input type="hidden" name="c" value="3883316">
    <input type="hidden" name="qtyadd" id="qtyadd" value="1">
    <input type="hidden" name="buyid" id="buyid" value="multi">
    <input type="hidden" name="multi" id="multi" value="11,1;150,1;182,1;27,1; ">
    <input type="hidden" name="promocode" value="<?php echo $promote_code1?>">
    <input type="hidden" name="continue" value="<?php echo " http://$_SERVER[HTTP_HOST]$_SERVER[REQUEST_URI] "; ?>" />
    <map name="map">
        <area id="offer1" shape="rect" coords="657, 515, 913, 557" href="" />
    </map>
</form>

我尝试使用以下jquery代码提交此内容,

$(document).ready(function() {
    $("#offer1").click(function() {
        $("#offer1Form").submit();
        //document.getElementById("offer1Form").submit();
        alert('something');
    });
});
显示

警告,但未提交表单。请告诉我这个问题的原因。

2 个答案:

答案 0 :(得分:2)

如果您需要查看alert使用以下代码并尝试。

$( "#offer1Form" ).submit(function( event ) {
  alert('something');
  event.preventDefault();
});

答案 1 :(得分:1)

您的代码适用于我。 你可以查看这个

$(document).ready(function() {
    $("#offer1").click(function(event) {
        event.preventDefault();
        $("#offer1Form").submit();
        //document.getElementById("offer1Form").submit();
        alert('something');
    });
});