überprüfen asp-Taste auf "Absenden" auf client-Seite in Javascript

Ich versuche einen Weg zu finden, der zum aufrufen einer javascript-Funktion und eine Schaltfläche onclick-Ereignis von asp-Schaltfläche klicken und ich habe hier ist der code :

Meine Taste

<asp:Button ID="btnSubmit" name="btnSubmit" runat="server" Text="Submit" OnClientClick="checkDate()"  OnClick="btnSubmit_Click"></aspButton>

Javascript-code

function checkDate() {

        var startDate = document.getElementById('<%=dtPeriodFrom.Controls[0].ClientID%>').value;
        var toDate = document.getElementById('<%=dtPriodTo.Controls[0].ClientID%>').value;

        if (new Date(startDate).getTime() > new Date(toDate).getTime()) {

            alert("To date must be greater than from date.!!");
        }
}

Hier das javascript arbeiten, fyn, aber möchte ich nennen, die OnClick="btnSubmit_Click" wenn die javascript return true nur. Wenn die aktuelle weniger als startDate, sollte es nicht nennen OnClick="btnSubmit_Click".

Danke an Alle im Voraus

verwenden OnClientClick="return checkDate()" statt OnClientClick="checkDate()" und stellen Sie sicher, dass checkDate return immer true/false von code (was derzeit nicht geschieht in code)

InformationsquelleAutor Fasal | 2014-11-26

asp.net c#javascript sharepoint-2010

2

- Taste:
```
OnClientClick="checkDate(this); return false;" OnClick="btnSubmit_Click"
```
Beschreibung:
```
checkDate(this);
```
Nennen Ihre Funktion auf und übergeben Sie den Taster-Objekt (this).
```
return false;
```
verhindert PostBack.

JavaScript:
```
function checkDate(btn) {
 var valid = false;
 //your Code, set valid = true; if date is correct.
 if(valid){
   __doPostBack(btn.name,"");
 }
}
```
Beschreibung:
```
//your Code
```
stehen für den validation-code.
```
if(valid){
       __doPostBack(btn.name,"");
}
```
'gültig' ist eine variable, wo speichern Sie das Ergebnis Ihrer überprüfung.

__doPostBack(btn.name, "") call ist ein PostBack auf die Kontrolle übergeben Sie im ersten parameter (muss die UniqueID daher " btn.name')
- Diese Antwort könnte verbessert werden, indem man erklärt dem Nutzer, was falsch gelaufen ist.
- angepasst Antwort 🙂
InformationsquelleAutor Daniel Pl.

Können Sie die jquery-click-Ereignis innerhalb doucment.ready():

$(function(){

  $('#'+'<%=btnSubmit.ClientID%>').click(function(){

     var startDate = document.getElementById('<%=dtPeriodFrom.Controls[0].ClientID%>').value;
     var toDate = document.getElementById('<%=dtPriodTo.Controls[0].ClientID%>').value;

     if (new Date(startDate).getTime() > new Date(toDate).getTime()) {

        alert("To date must be greater than from date.!!");

        return false; //note this statmement will stop to call server event of click
      }

  });


});

Ihren button-code:

<asp:Button ID="btnSubmit" 
            name="btnSubmit" 
            runat="server" 
            Text="Submit" 
            OnClick="btnSubmit_Click"></asp:Button>

InformationsquelleAutor Ehsan Sajjad

Probieren Sie etwas wie dies in if

document.getElementById('<%= btnSubmit.ClientID %>').click();

ODER

$('#<%=btnSubmit.ClientID%>').click();

ODER

$("#btnSubmit").click();

InformationsquelleAutor

0

HTML-code :
```
OnClientClick="return checkDate();"
```
Javascript-code:
```
function checkDate() {

        var startDate = document.getElementById('<%=dtPeriodFrom.Controls[0].ClientID%>').value;
        var toDate = document.getElementById('<%=dtPriodTo.Controls[0].ClientID%>').value;

        if (new Date(startDate).getTime() > new Date(toDate).getTime()) {

            alert("To date must be greater than from date.!!");
            return true;

        }
else
{
return false;
}

}
```
- code ist falsch und auch Absenden-button wird der post automatisch sondern manuell klicken , nicht der richtige Ansatz
- Sie völlig verändern den code.... jetzt ist mein Kommentar sinnlos 🙂
- Sie können es löschen, ich kann nicht
- die Funktion checkDate() { var startDate = document.getElementById('<%=dtPeriodFrom.Controls[0].ClientID%>').Wert; var toDate = document.getElementById('<%=dtPriodTo.Controls[0].ClientID%>').value; if (new Date(startDate).getTime () - > new Date(toDate).getTime()) { alert("Bis-Datum muss größer sein als von-Datum.!!"); } else //__doPostBack("btnSubmit_Click", ""); //Dokument.getElementById('<%=btnSubmit.ClientID%>').klicken Sie auf() Dokument.getElementById('<%=btnSubmit%>').klicken Sie(); }
- Ich habe versucht, wie oben im Kommentar...aber nicht arbeiten fyn
- wenn function checkDate gibt true zurück, es wird postback, und es wird Feuer btnSubmit_Click auf der server-Seite... hast du OnClientClick="return checkDate();" diese
InformationsquelleAutor Ganesh_Devlekar

Danke an alle

Dieser code funktioniert fyn

JS:

function checkDate() {

        var startDate = document.getElementById('<%=dtPeriodFrom.Controls[0].ClientID%>').value;
        var toDate = document.getElementById('<%=dtPriodTo.Controls[0].ClientID%>').value;

        if (new Date(startDate).getTime() > new Date(toDate).getTime()) {

            alert("To date must be greater than from date.!!");
            return false;
        }
        else
            return true;
    }

HTML:

<asp:Button ID="btnSubmit" name="btnSubmit" runat="server" Text="Submit" OnClientClick="return checkDate();" OnClick="btnSubmit_Click"/>

asp:Button ID="btnSubmit" name="btnSubmit" runat="server" Text="Submit" OnClientClick="return checkToDate();" OnClick="btnSubmit_Click"

InformationsquelleAutor Fasal

Schreibe einen Kommentar

Du musst angemeldet sein, um einen Kommentar abzugeben.