Jquery Wenn die Bedingung für die Anzahl der Passwortzeichen

Question

Ich habe ein Problem mit meinem Code. Es gibt keinen Fehler in der Chrome-Konsole, aber es funktioniert nicht. Ich wollte die eingegebenen Passwort-Zeichen zählen. Voraussetzung ist, dass das Passwort mindestens 6 Zeichen lang sein muss.

$(document).ready(function() { 
 
    $(".submit").click(function() { 
 
    if($('#regform input[type="password"]').val().length > 6) { 
 
     $('.error').html('Must have a min of 6 chars'); 
 
     $('.error').css("display","block"); 
 
    } 
 
    } 
 
}); \t

Kann jemand es für mich erklären?

Answer 1

Vielleicht ist es das, was Sie suchen:

HTML

<input type="text" id="password" /> 
<input type="button" class="btnSubmit" value="Submit" /> 
<p class="error"></p> 

jQuery

$('.btnSubmit').click(function(){ 
    if($("#password").val().length < 6){ 
    $('.error').html('Must have a min of 6 chars'); 
    }else{ 
    $('.error').html('Good to go.'); 
    } 
}); 

JSFiddle: https://jsfiddle.net/Ltnrwt0t/

Answer 2

Das Problem besteht darin, dass das Formular nicht gestoppt werden kann, auch wenn ein Fehler aufgetreten ist. Sie müssen eine return false oder event.preventDefault() hinzufügen, um das Senden des Formulars tatsächlich zu beenden. Sie erhalten keine Fehlermeldung, da das Formular sofort auf der Seite action fortgesetzt wird, bevor eine Fehlermeldung angezeigt wird.

Zweitens gibt Ihre Bedingung einen Fehler aus, wenn die Passwortlänge größer als sechs ist. Dies sollte umgekehrt werden.

Ihr Code wie folgt ändern:

$(document).ready(function() { 
    $(".submit").click(function(event) { 

     // SWITCH THE COMPARISON OPERATOR 
     if($('#regform input[type="password"]').val().length < 6) { 
      $('.error').html('Must have a min of 6 chars'); 
      $('.error').css("display","block"); 

      // ADD THIS LINE 
      event.preventDefault(); 

      // OR THIS LINE 
      return false; 

     } 
    }) 
}); 

Für weitere Informationen:

• return false usage
• event.preventDefault() usage