調用特定的div onclick

Question

我的頁面有兩個以上的表單，有一個表單附加了一個腳本，該腳本在onsubmit上應該在div中顯示成功消息。 但是，當我單擊頁面上的任何提交按鈕時，將顯示div中的成功消息。 這是我的代碼

<script>
$(document).ready(function(){
    $("form").on('submit',function(event){
        event.preventDefault();

        data = $(this).serialize();

        $.ajax({
        type: "POST",
        url: "insert_call_love.asp",
        data: data
        }).success(function() {

            $("#feedback").append("<div class='messages' style='border:1px purple solid; padding:2px; margin:5px;'>You have Loved this photo</div>");

            setTimeout(function() { 
                $(".messages").fadeOut(function(){
                    $(".messages").remove();
                }); 
            }, 1000);

            $("input[type=text]").val("");

        });
    });
});
</script>

有人告訴我將以上內容更改為：

<script>
$(document).ready(function(){
    $("form3").on('submit',function(event){
        event.preventDefault();

        data = $(this).serialize();

        $.ajax({
        type: "POST",
        url: "insert_call_love.asp",
        data: data
        }).success(function() {

            $("#feedback").append("<div class='messages' style='border:1px purple solid; padding:2px; margin:5px;'>You have Loved this photo</div>");

            setTimeout(function() { 
                $(".messages").fadeOut(function(){
                    $(".messages").remove();
                }); 
            }, 1000);

            $("input[type=text]").val("");

        });
    });
});
</script>

的HTML

<form id="form3" name="form3" method="POST" action="<%=MM_editAction%>">
          <input type="image" name="imageField2" id="imageField2" src="imgs/buttons/loveit.png" />
          <input name="lemail" type="hidden" id="lemail" value="1" />
          <input name="lfname" type="hidden" id="lfname" value="2" />
          <input name="lpic" type="hidden" id="lpic" value="3" />
          <input name="lresp_email" type="hidden" id="lresp_email" value="4" />
          <input name="lwardr" type="hidden" id="lwardr" value="5" />
        </form>

指定form_id，例如我的formid是form3，但是當我什至單擊提交時，它甚至無法正常工作

Answer 1

從以下位置替換“提交時”的JQuery：

$("form3").on('submit',function(event)

對此：

 $("#form3").on('submit',function(event)

PS：確保ID在頁面中是唯一的