Pflichtfeld Prüfungen in jquery

Möchte ich die Validierung in meinem Formular Felder..

Felder:

  1. Name (Textfeld) --> Soll geben Sie den Wert ein. Wenn Sie ohne Eingabe & komm heraus, es zeigt Fehlermeldung.

  2. E-Mail(regex) -->die Prüfung der E-mail-format

  3. Geschlecht(radio-button) -->einem radio-button ausgewählt

  4. Position(dropdown) --> ohne Eingabe dropdown zeigt Fehlermeldung

  5. Handy-Nummer(textbox) --> geben Sie nur zahlen

Alle Arten der Validierung, die ich brauche. 

$('#Email').click(function(){
            var name=$('#Name').val();
            if(name==""){
                $('#Name').after('<div class="red">Name is Required</div>');

            }
            });

Aber immer wenn ich auf E-Mail-box, es zeigt Fehlermeldung.Wie es zu tun? Bitte Helfen Sie mir? Ich habe versucht, 1 st Feld Namen

  • hey du machst das auf fucntino für E-Mails, hat aber den check für die #Name, Wird dieser Sie benötigt. wenn dem so ist, Dies kann geschehen 1. Name Feld leer ist, 2. Nun, wenn Sie klicken Sie auf #E-Mail-Feld, dann #Name Feld überprüft wird. Warum kannst du nicht verwenden jquery.validator.js plugin, es an Ihre Bedürfnisse anpassen.
  • Suche nach blur(),selectedIndexChanded () - Ereignisse und email-regex /^([a-zA-Z0-9_\.\-])+\@(([a-zA-Z0-9\-])+\.)+([a-zA-Z0-9]{2,4})+$/ und Suche, wie es zu benutzen.
InformationsquelleAutor PoliDev | 2013-07-19
  1. 2

    Sie nicht sollen, tun es auf die click Veranstaltung der E-Mail textbox, sondern auf die blur Veranstaltung der Namen textbox. Das blur-Ereignis wird ausgelöst, wenn ein Steuerelement den Fokus verliert. Versuchen Sie dieses,

    $("#Name").blur(function(){
    if($(this).val().length === 0){
        $(this).after('<div class="red">Name is Required</div>');
    }
});

    Hier bin ich der überprüfung der Länge des Wertes innerhalb der #Name textbox, wenn es den Fokus verliert. Nun, wenn Sie dem Absenden Ihrer form, müssen Sie diese Prüfung erneut, wenn der Benutzer drückt die Schaltfläche click-Ereignis.

    Ähnlich der Validierung der E-Mail-Feld, verwenden Sie die regex @onlyVJ gab.

    /^([a-zA-Z0-9_\.\-])+\@(([a-zA-Z0-9\-])+\.)+([a-zA-Z0-9]{2,4})+$/

    Erhalten Sie den Wert aus der textbox und eine übereinstimmung mit der regex, mit match. Folgen Sie diesem link, um mehr zu erfahren. Dies erfolgt auf der blur Veranstaltung der #E-Mail textbox

    BEARBEITET -

    Ich werde nicht geben Sie den code, aber ich werde Sie anweist, auf eine Annäherung, die Sie verwenden können.

    Für dropdown - -

    Können Sie ein blur-Ereignis, dropdown-Menü, und prüfen, ob der default-Wert, den Sie zeigen, in der Anfang, wenn die Seite geladen wird ist immer noch der ausgewählte Wert. Wenn dem so ist, zeigen die Fehler auf, sonst nicht.

    Für radio-buttons -

    Überprüfen Sie diese jsFiddle. Packte aus hier. Sie sollten in der Lage sein zu verwenden, konfigurieren Sie Ihren code, um Fehler bei der radio-button ist nicht aktiviert.

    • u kann mich anweisen, Drop down und radiobuttons auch?
    • meine aktualisierten code.
    • Hat nicht funktioniert, so habe ich $(this).val() statt this.val()
    • Behoben, danke.
    InformationsquelleAutor Abijeet Patro
  2. 1

    Müssen Sie mit der blur-Ereignis zu erkennen, dass ein element den Fokus verloren hat. Besuchen Sie die Dokumentation für die Unschärfe für weitere Informationen und ein Beispiel.

    Wenn Sie möchten, könnten Sie auch versuchen, das jQuery validation plugin. Besuchen Sie die jQuery Validation Plugin-website

    InformationsquelleAutor Prahalad Deshpande
  3. 0

    sowas...

    $("#element").blur(function(){
   $(this).validate({
      //your code here
   })
})
    InformationsquelleAutor Ganesh Rengarajan
Schreibe einen Kommentar