длина номера телефона подтвердить JavaScript

Question

Я пытался подтвердить свой номер телефона.Все работает, кроме 10-значной проверочной части

if ($(".phone").val() == "") {
    phoneerror = "Please enter phone number";
} else if (!($.isNumeric($(".phone").val())) && $(".phone").val() != "") {
    phoneerror = "this field cannot contain letters";
} else if ($(".phone").val().length !== 10) {
    phoneerror = "Must be 10 Digits";
} else {
    phoneerror = "";
}

console.log(phoneerror);

<script
    src="https://code.jquery.com/jquery-3.3.1.min.js"
    integrity="sha256-FgpCb/KJQlLNfOu91ta32o/NMZxltwRo8QtmkMRdAu8="
    crossorigin="anonymous"></script>
<input type="text" class="phone" value="12345">

Может кто-нибудь подскажите, пожалуйста, что не так с моим кодом

Answer 1

Пожалуйста, проверьте этот образец.Вы должны указать длину номера перед другими проверками, также вы можете использовать атрибут maxlength html.

function validatePhone(){
if($(".phone").val() == ""){
      phoneerror = "Please enter phone number";
          } else if ($(".phone").val().length !== 10){
        phoneerror = "Must be 10 Digits";
        } else if(!($.isNumeric($(".phone").val())) && $(".phone").val() != ""){
            phoneerror = "this field cannot contain letters";

        }else {
            phoneerror = "";
        }
        console.log(phoneerror);
        return phoneerror;
    }

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input class="phone" type="text" onkeyup="validatePhone(this);" maxlength="10"/>