jQuery Mask - 有条件的

时间:2012-05-08 16:46:47

标签: jquery-plugins

我是jQuery的新手,我使用蒙面输入插件版本1.3为电话号码创建一个掩码。

我能够设置它并使掩码正常工作,但是我想根据选择框更改为掩码应用条件。

当页面加载一个id为#Country的选择框时,会设置为默认选择“美国”。我想要创建的是,如果他们将国家选择器更改为美国选择以外的其他选择,请删除掩码。

这是我的第一次尝试!

    $('#Country').change(function(){
    var cty = $(this).find('option:selected').attr('value');
    if(cty=='United States'){
        // us masking
        $('#phone').unmask().mask("(999) 999-9999");

    } else {
        // just numbers for international
        $('#phone').unmask().mask("9999999999999999");

    }
});

2 个答案:

答案 0 :(得分:2)

只是为了让答案平方并正确显示(提问者评论)

$('#phone').mask('(999) 999-9999');  
$('#Country').change(function(){ 
  var cty = $(this).val(); 
  if(cty=='United States'){ 
    // us masking 
    $('#phone').unmask().mask("(999) 999-9999"); 
  } else { 
    // just numbers for international 
    $('#phone').unmask().mask("9999999999999999"); 
  } 
});

答案 1 :(得分:0)

我没有看到您的代码有任何问题。 而不是 var cty = $(this).find('option:selected')。attr('value'); 尝试 var cty = $(this).val()

并尝试通过添加一些代码来调试代码 console.log(“掩饰我们”) console.log(“mask non-us”) 在你的if / else语句中。 如果您的console.log()显示预期值,则问题会出现在您的插件中,因此请尝试直接与其作者联系。