2014-06-21 42 views
0

我有兩個以上的表單我的頁面和一個我有附加的腳本,onsubmit它應該顯示一個div中的成功消息。但是當我點擊頁面上的任何提交按鈕時,div中的成功消息就會顯示出來。這是我的代碼調用特定div onclick

<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但當我甚至點擊提交它甚至不工作

+0

你有任何HTML一起去嗎? –

+0

'$('form3')'正在尋找一個''元素,它不存在。如果這是一個'id',它應該是'#form3',或者如果它是一個類,它應該是'.form3'。 –

回答

0

替換JQuery'on submit'從:

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

這樣:

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

PS:確保ID是在頁面獨特

+1

感謝它的工作。耶穌保佑你 – user3744646

+0

@ user3744646沒問題:) – CMPS