Question

我的页面有两个以上的表单，并且我有一个附加的脚本，在提交时它应该在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

在'submit'上替换JQuery'：

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

到此：

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

PS：确保页面中的ID是唯一的

调用特定的div onclick

1 个答案: