Jqueryパスワード文字数の条件がある場合

Question

私のコードに問題があります。 Chromeのコンソールにエラーはありませんが、動作しません。入力したパスワード文字を数えたかったのです。条件は、パスワードが最低6文字でなければならないという条件です。

$(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

誰も私のためにそれを説明できますか？

Answer 1

たぶん、これはあなたが探しているものです。

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

エラーが発生しても、フォームを停止することはないという問題があります。フォームの送信を実際に停止するには、return falseまたはevent.preventDefault()を追加する必要があります。エラーメッセージのポップアップが表示される前に、フォームがただちにactionページに進みますので、エラーは発生しません。

第2に、パスワードの長さがより大きい場合は、が6より大きい場合、エラーが発生します。これは逆にする必要があります。

次にあなたのコードを変更し

：

$(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; 

     } 
    }) 
}); 

詳細情報については：

• return false usage
• event.preventDefault() usage