Question

对于此特定现有表单，有一个输入接受电话号码。它已经验证只接受数字并为10个字符添加了最大字符属性。

但有人可以添加1-9位数字。所以我需要添加javascript来检查以确保该字段的字符数为10.输入的ID为phonenumber。

有人可以告诉我如何修改以下代码以使其工作吗？注意：“= 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 1

我想你想要.length

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

Answer 2

您可能希望对用户保持温和，并允许电话号码中的常见约定，像空格或破折号。

只需检查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 3

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

...因为如果长度不 10，你想要发生一些事情。

Answer 4

使用 Javascript验证

验证电话号码字段的最小和最大长度

＆＃13;

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;
}

＆＃13;

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

＆＃13;

Answer 5

试试这个：

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

}

输入的最大值和最小值

5 个答案: