电话号码长度验证JavaScript

Question

I was trying to validate my phone number. Everything is working except the validate 10 digit part

 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"> 

can someone please tell me what is the wrong with my code

Answer 1

Please check this sample. You should position number length before other validations also you can use maxlength html attribute.

 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"/>