JQuery Validierung - Bestätigung der E-Mail-Formular-Validierung

Habe ich ein quiz, und ich muss hinzufügen, dass einige Validierung zu einem confirm email address Feld, im Grunde geht es nur um die übereinstimmung der E-Mail-Adresse in das obige Feld ein. Ich bin mit dem folgenden javascript-Code, kann ich etwas in hier, die machen sicher, dass die E-Mails entsprechen? 

if ($('#mtQuiz').length > 0) {
    $('#myQuiz').validate({
        errorElement: "em",
        errorContainer: $("#warning"),
        rules: {
            'entry[first_name]':            'required',
            'entry[last_name]':     'required',
            'entry[email]': {
                required: true,
                email: true
            },
            'entry[confirm_email]': {
                required: true,
                email: true
            }
        },
        messages: {
            'entry[first_name]':    'Please enter first name',
            'entry[last_name]': 'Please enter last name',
            'entry[email]': {
                required: ' Please enter a valid email address',
                minlength: 'Not a valid email address'
            },
            'entry[confirm_email]': {
                required: ' Please make sure email matches above',
                minlength: 'Does not match above email address'
            }
                      }
    });
}
  • Es war kein guter Grund für Sie, buchen Sie eine zweite version dieser Frage heute. Bitte nicht veröffentlichen Duplikate... jederzeit Bearbeiten/löschen oder follow-up mit Ihrer ersten Frage.
InformationsquelleAutor Karina McGourty | 2014-03-30
  1. 7
    if ($('#mtQuiz').length > 0) { //<- unnecessary and superfluous
    $('#myQuiz').validate({
        //options, etc.
    });
}

    Bist du mit jQuery, so dass Sie nicht brauchen, um zu überprüfen, die für die Existenz von #myQuiz mit if ($('#mtQuiz').length > 0). Wenn die #myQuiz element existiert nicht, jQuery wird einfach ignorieren, es ohne Fehler.

    Dies ist alles, was Sie tun müssen...

    $('#myQuiz').validate({  //initialize the plugin
    //options, etc.
});

    Entsprechend dem Wert eines anderen Feldes, verwenden Sie einfach die equalTo - Regel. Während der Verwendung der equalTo Regel gibt es keine Notwendigkeit zu verdoppeln von der anderen Regeln, da equalTo wird immer zwingen, den Wert entsprechend dem primären Feld Wert die bereits folgte seinen Regeln.

    $('#myQuiz').validate({
    //options, etc.,
    rules: {
        'entry[first_name]': 'required',
        'entry[last_name]': 'required',
        'entry[email]': {
            required: true,
            email: true
        },
        'entry[confirm_email]': {
            //required: true,  //<- redundant, not needed with 'equalTo'
            //email: true      //<- redundant, not needed with 'equalTo'
            equalTo: '[name="entry[email]"]' //<- any valid jQuery selector
        }
    },
    //other options, etc.
});

    DEMO: http://jsfiddle.net/JCY2E/

    InformationsquelleAutor Sparky
  2. 2

    Haben Sie einen Blick auf equalTo Methode.

    $('#myQuiz').validate({
  ...
  rules: {
    ...
    'entry[confirm_email]': {
      equalTo: "entry[email]"
    }
  }
});
    • Danke, werde schauen!
    InformationsquelleAutor Sergio A.
Schreibe einen Kommentar