Beenden button OnClick-Ereignis mit javascript

Ich versuche zum ausführen von javascript vor meinen Schaltfläche click-Ereignis passiert auf der server-Seite, aber der javascript-code ausgeführt wird, und die server-side-code führt direkt nach, dass, egal, was. Hier ist, was ich habe:

<script type="text/javascript" language="javascript">
  $(document).ready(function() {
    SubmitClick = function() {
        if ($("#<%= fuFile.ClientID %>").val() == "") {
            $("#error").html("File is required");

            return false;
        }
    }
  });
</script>

<asp:FileUpload ID="fuFile" runat="server" />

<asp:Button ID="btnSubmit" runat="server" Text="Submit"
  OnClientClick="SubmitClick()" UseSubmitBehavior="false"
  OnClick="btnSubmit_Click" />

<span id="error"></span>

Dachte ich, dass die Einstellung UseSubmitBehavior="false" und die Rückkehr false in der javascript-Funktion funktionieren würde, aber es ist nicht. Meine Fehlermeldung angezeigt bekommt für eine Sekunde, bevor der server-Seite code ausgeführt wird.

Was mache ich hier falsch?

Gut zu Lesen, Wann sollten Sie false zurück. fuelyourcoding.com/jquery-events-stop-misusing-return-false

InformationsquelleAutor Steven | 2012-10-08

  1. 12

    In der Regel zu stornieren, client, klicken Sie auf fügen Sie diese return false;

    Aktualisieren Sie den code, dies zu tun und es sollte funktionieren: OnClientClick="return SubmitClick();"

    Ich benutzt onclick und es funktionierte.

    InformationsquelleAutor Jeremy

  2. 6

    Wenn Sie mit JQuery:

    $btn.on("click", function (e) {
    e.preventDefault();
}
    Sie müssen kombinieren Sie dies mit der Einstellung UseSubmitBehavior true zurück, für diese zu arbeiten, da es sonst nur Beiträge zurück-unabhängig.

    InformationsquelleAutor Jupaol

  3. 2

    Was für mich gearbeitet wurde:
    Entfernen OnClientClick="SubmitClick()" - und set - UseSubmitBehavior true zurück.

    Dann ändern Sie Ihre $(document).ready() Methode

    $(document).ready(function () {
    $('#btnSubmit').click(function () {
        if ($("#<%= fuFile.ClientID %>").val() == "") {
            $("#error").html("File is required");

            return false;
        }

        return true;
    });

});

    InformationsquelleAutor nick_w

  4. 0

    Müssen Sie zurück die Absage der eingereichten Verhalten mit return in OnClientClick-Ereignis.

    versuchen, diese 

    OnClientClick="return SubmitClick()"

    InformationsquelleAutor Sushanth --

Schreibe einen Kommentar