2012-03-01 68 views
0

我有一個的ImageButton如下:jQuery驗證單擊

<asp:ImageButton ID="Send" runat="server" ImageUrl="~/images/send.gif" OnClientClick="javascript:return checkDataAndConfirmSendToVOA();" AlternateText="Send" /> 

使用我的jQuery我正在尋找一個隱藏的價值,如果它是無效點擊此按鈕,當我更換圖片如下:

$("input[id$='Send']").click(function(e) { 
         if($("input[id$=imageThumb]").val() == 0) 
          { 
           var errorImage = "../Images/add.png"; 
           $('#drop').append('<div class="p" id="'+Id[1]+'_c"><div class="Image"><input name="thumbImage" type="hidden" id="thumbImage" value="' + Title +'" /><img src="'+errorImage+'" title="'+Title+'"/></div><div class="Info"><span class="name"> Name : '+Title+'</span> </div></div><div class="clear"></div>') 

          } 

現在如何確保頁面在錯誤時不會提交?即用戶留在同一個頁面,只是顯示一個錯誤

回答

2

單從if語句內,所以返回false:

$("input[id$='Send']").click(function(e) { 
    if($("input[id$=imageThumb]").val() == 0){ 
     var errorImage = "../Images/add.png"; 
     $('#drop').append('<div class="p" id="'+Id[1]+'_c"><div class="Image"><input name="thumbImage" type="hidden" id="thumbImage" value="' + Title +'" /><img src="'+errorImage+'" title="'+Title+'"/></div><div class="Info"><span class="name"> Name : '+Title+'</span> </div></div><div class="clear"></div>'); 

     return false; 

    } 
} 
+0

我返回false,但仍形式經歷......順便說一句,我有一些按鈕中的javascript驗證以及上圖所示 – Zaki 2012-03-02 09:08:18