Asp Düğmesinde postback nasıl devre dışı bırakılır

Bir asp düğmem var. Sadece oturum açmış kullanıcılar için gösterebilirim sunucu tarafı, ama bir javascript işlevi çalıştırmak istiyorum ve runat = "sunucu" her zaman postback olayı çağırır gibi görünüyor.

Ayrıca <input...sunucuda çalışmıyor düzenli bir düğme ( >) var ve iyi çalışıyor ...

Bu düğmeyi geri gönderme değil yalnızca javascript'i nasıl çalıştırabilirim?

İşiniz bittiğinde javascriptinizin false döndürmesini sağlayın.

<asp:button runat="server".... OnClientClick="myfunction(); return false;" />

YourButton.Attributes.Add("onclick", "return false");

veya

<asp:button runat="server" ... OnClientClick="return false" />

Geri göndermeyi önlemek için jquery tıklama eylemini kullanabilir ve preventDefault () işlevini kullanabilirsiniz

<asp:button ID="btnMyButton" runat="server" Text="MyButton" />


$("#btnMyButton").click(function (e) {
// some actions here
 e.preventDefault();
}

Bunu düşün.

<script type="text/javascript">
Sys.WebForms.PageRequestManager.getInstance().add_beginRequest(BeginRequest);
function BeginRequest(sender, e) {
    e.get_postBackElement().disabled = true;

}
     </script>

Diğerleri, yanlış döndürmek için geri aramanıza ihtiyaç duyduğunuzda haklıdır; ancak onclick'i ayarlayarak bunu yapmak, işleri yapmanın çirkin eski bir yoludur. Göze batmayan javascript hakkında okumanızı tavsiye ederim . JQuery gibi bir kitaplık kullanmak hayatınızı kolaylaştırabilir ve HTML javascript'inize daha az bağlı olabilir (ve jQuery artık Microsoft tarafından desteklenmektedir !)

ASP.NET her zaman asp:Buttonbir input type=submit.
Gönderi yapmayan ancak sunucu tarafında öğe için biraz kontrol gerektiren bir düğme istiyorsanız, nitelikleri olan basit bir HTML girişi oluşturun type=buttonverunat=server .

Tıklama eylemlerini gerçekleştirmeyi devre dışı bırakırsanız OnClientClick=return false, aşağıdaki gibi bir işlev oluşturmadıkça tıklamada hiçbir şey yapmaz:

function btnClick() {
    // do stuff
    return false;
}

Hangi .NET framework sürümünü kullandığınızı söylemezsiniz.

V2.0 veya üstünü kullanıyorsanız, düğmenin onclick olayı yükseltildiğinde bir Javascript işlevi yürütmek için OnClientClick özelliğini kullanabilirsiniz.

Bir sunucunun geri gönderilmesini önlemek için tek yapmanız gereken geri dönüş false , çağrılan JavaScript işlevinden .

ayrıca kabul edilen cevap için UseSubmitBehavior = "false" MSDN kullanabilirsiniz

Benim durumumda, onClientClick'te dönüş ekleyerek çözdüm:

Arkasındaki Kod

function verify(){
  if (document.getElementById("idName").checked == "") {
    alert("Fill the field");
    return false;
  }
}

Tasarım Yüzeyi

<asp:Button runat="server" ID="send" Text="Send" onClientClick="return verify()" />

kodu kullanabilirsiniz:

<asp:Button ID="Button2" runat="server"
     Text="Pulsa"
     OnClientClick="this.disabled=true"
     UseSubmitBehavior="False"/>

eğer gönderirsen

...
<form id="form1" runat="server" onsubmit="deshabilita()">
...
<script type="text/javascript">
    function deshabilita()
    {
        var btn = "<%= Button1.ClientID %>";
        if (confirm("Confirme postback"))
        {
            document.getElementById(btn).disabled = true;
            return true;
        }
        return false;
    }
</script>

Doğrulama ile

Bu örnekte iki kontrol kullandım ddlve txtboxmutlu bir kodlama aldım

 asp:ScriptManager ID="script1" runat="server" /asp:ScriptManager

    asp:UpdatePanel ID="Panel1" runat="server"
       ContentTemplate

// ASP BUTTON
asp:Button ID="btnSave" runat="server" Text="Save" class="btn btn-success" OnClientClick="return Valid()" OnClick="btnSave_Click"


   /ContentTemplate    
    /asp:UpdatePanel    

  <script type="text/javascript">
        function Valid() {

            if ($("#ctl00_ContentPlaceHolder1_YOUR CONTROL NAME").val() == 0) {
                alert("Please select YOUR TEXT");
                $("#ctl00_ContentPlaceHolder1_YOUR CONTROL NAME").focus();
                return false;
            }

            if ($("#ctl00_ContentPlaceHolder1_YOUR CONTROL NAME").val().length == 0) {
                alert("Please Type YOUR TEXT");
                $("ctl00_ContentPlaceHolder1_YOUR CONTROL NAME").focus();
                return false;
            }
            return true;
        }
</script>

Bunun için JQuery kullanabilirsiniz

<asp:Button runat="server" ID="btnID" />

JQuery'den daha

$("#btnID").click(function(e){e.preventDefault();})