Question

我正在尝试使用jQuery自定义文本输入框以接受北美格式的手机，如

 (555)-555-5555

我尝试在This Demo

使用此功能

var field = $('#phone');
var fieldval = $('#phone').val();
    var length,
    var pattern = [3,6]
    var maxlength = 11;

field.onkeydown = function(event) {
    // Length without hyphen
    length = fieldval.replace("-", "").length;

    if(pattern.indexOf(length) != -1) {
        fieldval = field.value + '-';
    }
    if(fieldval.length > maxlength) {
        fieldval = fieldval.substring(0, maxlength);
    }
}

但它不起作用！从技术上讲，我需要做的是加载添加()和-他们是否符合指定的标准？

由于

Answer 1

你可以尝试这个。

$(window).load(function()
{
   var phones = [{ "mask": "(###) ###-####"}, { "mask": "(###) ###-##############"}];
    $('#textbox').inputmask({ 
        mask: phones, 
        greedy: false, 
        definitions: { '#': { validator: "[0-9]", cardinality: 1}} });
});

这里是小提琴手http://jsfiddle.net/ePDq7/

关于jQuery定制电话字段输入框的问题

1 个答案: