jquery - 使用 jQuery 验证电话号码

Question

我有一个非常酷的验证脚本，用于输入我喜欢的货币

Demo Currency Validator

$("#saleprice").on("keyup", function(){
    var valid = /^\d{0,4}(\.\d{0,2})?$/.test(this.value),
        val = this.value;

    if(!valid){
        console.log("Invalid input!");
        this.value = val.substring(0, val.length - 1);
    }
});

但我希望有同样的东西来验证电话号码。这是我对手机正则表达式的摆弄，但我似乎无法让它工作。即使我指定了 () 等字符以及数字和 -,. ，该代码也不允许输入任何字符正则表达式中允许。

Demo Telephone Validator

$("#telephone").on("keyup", function(){
    var valid = /\(?([0-9]{3})\)?([ .-]?)([0-9]{3})\2([0-9]{4})/.test(this.value),
        val = this.value;

    if(!valid){
        console.log("Invalid input!");
        this.value = val.substring(0, val.length - 1);
    }
});

我希望允许使用以下格式的电话号码。

• (123) 456 7899
• (123).456.7899
• (123)-456-7899
• 123-456-7899
• 123 456 7899
• 1234567899

Answer 1

A better way is to use jquery input masks.Also you can customize the input mask..

点击链接

1. masking 1

2. masking 2