Question

我有一个图像按钮如下：

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

当使用我的jquery点击这个按钮时我正在寻找一个隐藏值，如果它是null我替换图像如下：

 $("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>')

                          }

现在如果出现错误，我如何确保页面不提交？即用户停留在同一页面并只显示错误

Answer 1

只需在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;

    }
 }

单击按钮时的Jquery验证

1 个答案: