javascript - 如何根据keyup统计单词数

Question

我想根据keyup计算单词数，然后如果单词数<分钟单词数则显示警报

这是我尝试的

<script type="text/javascript">
$('#submit').on('click', function(){
  checkPassword();
       var password = $("#password").val();
       var confirmpassword = $("#konfpassword").val();
       var email = document.getElementById("display1");
       var username = document.getElementById("display2");
       var minword = 7;
       if(password !== confirmpassword){
         alert('Password Tidak Sama!');
           return false;
       } if (email.style.display !== "none") {
               alert('Email Sudah Digunakan!');
            return false;
        } if (username.style.display !== "none") {
               alert('Username Sudah Digunakan!');
            return false;
        } 
    });

function checkPassword(){
  var minword = 7;
  if (minword > Number($('#password').val().length)){
    alert('Password Terlalu Pendek!');
    return false;
  }
}
</script>

我希望仅在单击“提交”后显示警报，并且密码简短，然后最少单词。

Answer 1

像您一样混合 jQuery 和 JavaScript 并不是一个好主意。

您可以创建一个函数，以便可以在多个元素的单独事件上调用该函数。我也更喜欢 input 而不是 keyup。

$('#submit').on('click', function(event){
   checkPassword(event);
});
$('#password').on('input', function () {
  //checkPassword();
});

function checkPassword(e){
  var minword = 7;
  if (minword > Number($('#password').val().length)){
    alert('Password Terlalu Pendek!');
    e.preventDefault();
  }
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<form>
<input type="password" id="password"/>
<button type="submit" id="submit">Submit</button>
</form>