입력에 대한 최대 및 최소

Question

이 특정 양식의 경우 전화 번호를 수락 할 수있는 입력이 있습니다. 이미 숫자를 허용하고 10 자의 최대 문자 특성을 추가했음을 검증합니다.

그러나 누군가가 1-9 자리를 추가 할 수 있습니다. 그래서 자바 스크립트를 추가하여 해당 필드의 문자 수를 확인해야합니다. 입력에는 phonenumber라는 ID가 있습니다.

누군가 그 일을하기 위해 다음 코드를 수정하는 방법을 알려 줄 수 있습니까? 주 : "= 10 Characters"는 단지 자리 표시 자일 뿐이며, 그 부분은 실제 코드로 대체되어야합니다. 당신이 뭔가를 원하기 때문에 ...

function checkEmail(theForm) { 
if (theForm.getElementById("phonenumber").value.length != 10) 
{ 
    alert('Your phone number is not 10 digits.'); 
    return false; 
} else { 
    return true; 
} 

}

Answer 1

이 시도하려는 생각 길이 인 경우 하지 (10)

Answer 2

난 당신이 .length

if (theForm.getElementById("phonenumber").value.length == 10) { 

Answer 3

if (theForm.getElementById("phonenumber").value.length != 10)

을 :

function checkEmail(theForm) { 
    if (theForm.getElementById("phonenumber").value = 10 Characters) 
    { 
     alert('Your phone number is not 10 digits.'); 
     return false; 
    } else { 
     return true; 
    } 
} 

Answer 4

당신은 사용자와 부드러운, 그리고, 전화 번호에 공백 같은 을 일반적인 규칙을 허용하거나 대시 - 하이픈을 할 수 있습니다 발생합니다.

10 자리를 확인하십시오. 값을 사용할 때 비 숫자를 제거하십시오.

function checkphone(v){ 
    if(v.match(/\d/g).length==10) return true; 
    throw 'Phone number must have 10 digits'; 
} 

checkphone ('207 555-5555');

Answer 5

입력되는

function checkLimit() { 
 
    var x, text; 
 

 
    // Get the value of the input field with id="Phone" 
 
    phone = document.getElementById("Phone").value; 
 

 
    // If phone is Not a Number or less than 10 or greater than 10 
 
    if (isNaN(phone) || phone.length < 10 || phone.length > 10) { 
 
     text = "Input not valid"; 
 
    } else { 
 
     text = "Input OK"; 
 
    } 
 
    document.getElementById("resp").innerHTML = text; 
 
}

<input onkeypress="checkLimit()" id="Phone" name="Phone" type="number" class="form-control" placeholder="Phone Number" required="required"/> 
 
    
 
    <p id="resp"></p>