ASP.NET Clientseitige Validierung für Textfelder ohne Postback

8

Ich verwende ASP.NET und möchte Folgendes auf der Client-Seite tun, weil ich nicht möchte, dass die Seite neu geladen wird (kein Postback). Ich möchte nach Benutzereingaben mit folgenden Bedingungen suchen:

  1. Es gibt 2 Radiobuttons und 2 Textfelder und 1 Knopf. Etwas wie das:
  2. Der Benutzer muss den Radiobutton anklicken, um die Textbox zu aktivieren (die Textboxen sind standardmäßig deaktiviert)
  3. Wenn der Benutzer Radiobutton 1 tippt, wird Textbox1 aktiviert und Textbox2 ist leer und deaktiviert. Wenn der Benutzer die Taste drückt und Textbox1 leer ist, wird Nachricht1 aktiviert.
  4. Gleiches gilt für den zweiten Radiobutton und die textbox2.

Bearbeiten

Ich habe festgestellt, dass meine Schaltfläche in <asp:button> und nicht in <input type="submit> ist, daher wird mein Code zum Validieren auf dem Server ausgeführt. Korrigiere mich, wenn ich falsch liege. Also, wie mache ich meine <asp:button> Benutzereingaben zu validieren, ohne an den Server übergeben zu müssen?

    
4 Leave Cover 23.07.2013, 02:05
quelle

5 Antworten

17

Sie können versuchen:

%Vor%

Und im JavaScript sollte es sein:

%Vor%

return true bewirkt, dass Ihre Seite auf dem Server zurückgesendet wird, und return false verhindert dies auf Ihrer Seite. Hoffe, das hilft.

    
Phong Vo 23.07.2013, 04:05
quelle
5

Bei der Verarbeitung der Validierung würde ich benutzerdefinierte ASP.net-Validierer verwenden und jquery verwenden, um die clientseitige Validierung zu unterstützen:

ASP.net aspx

%Vor%

Beachten Sie, dass ich ValidateEmptyText auf true gesetzt habe.

js Validierungsfunktion

%Vor%

Ich würde auch eine serverseitige Validierungsmethode hinzufügen.

Wenn Sie wirklich schick werden wollen, sollten Sie auch die Radioknöpfe anschließen können. Dadurch wird die Überprüfung ausgelöst, wenn die Radiobuttons überprüft werden.

%Vor%

Ich habe das jQuery-JavaScript hinzugefügt, um den deaktivierten Zustand der Textfelder umzuschalten. Sie können den Schalter in Aktion hier sehen: Ссылка

    
Jon P 23.07.2013 05:04
quelle
0

Sie sollten jquery für Ihren Zweck verwenden:

%Vor%

Körperelemente sind:

%Vor%     
Mahdi jokar 23.07.2013 04:27
quelle
0

Fügen Sie in Ihrem Button-Steuerelement einfach das folgende Snippet hinzu:

%Vor%

Überprüfen Sie diesen Link asp. net Deaktivieren Sie die Schaltfläche nach dem Klicken, während Sie CausesValidation und eine OnClick-Methode beibehalten

    
Ajay Punekar 23.07.2013 05:15
quelle
0

Würden Sie Ihrem Validator eine Validierungsgruppe hinzufügen sowie die Schaltfläche, die Sie als Trigger für die Überprüfung verwenden möchten?

Validierungsgruppen sind wirklich einfach zu verwenden, sobald Sie den Dreh raus haben. Ich werde nicht in zu viele Details über Validatoren tauchen, aber wenn die Informationen hilfreich wären, kann ich sie immer zum Post hinzufügen. Ich hoffe, du hast deine Antwort gelöst.

    
Eric 20.03.2014 16:32
quelle

Tags und Links