【发布时间】：2013-08-01 13:11:59
【问题描述】：
我的 CodePen： http://codepen.io/leongaban/pen/cyaAL
我有一个电话号码输入字段，最多允许 20 个字符（国际号码）。
我还使用Josh Bush 的Masked input jQuery plugin 来格式化输入中的电话号码，使其“漂亮”。
我的问题是在电话是10位数或者 less，它应该使用 Masked 输入格式。
但是，当电话号码超过 10 位时， 格式应该被删除。
这是我当前的：CodePen，手机是我尝试完成此操作的输入字段。工作电话是Mask input plugin 的默认功能的一个示例。
你会如何解决这个问题？
手机输入框的jQuery：
case '2':
console.log('created phone input');
$('.new_option').append(myphone);
$('.added_mobilephone').mask('(999) 999-9999? 9');
$('.added_mobilephone').keypress(function(event){
if (this.value.trim().length > 10) {
console.log('this.value = '+this.value.trim());
console.log('greater then 10');
$('.added_mobilephone').mask('99999999999999999999');
}
/*if (this.value.length < 9) {
console.log(this.value);
console.log('less then 10');
$('.added_mobilephone').mask('(999) 999-9999? 9999999999');
} else if (this.value.length > 9) {
console.log(this.value);
console.log('greater then 10');
$('.added_mobilephone').mask('99999999999999999999');
}*/
});
break;
【问题讨论】：
-
你检查过这个问题了吗？ stackoverflow.com/questions/2580550/… 从用户体验的角度来看，该问题检查表示国际＃的框的方法也可能很好（在您当前的版本中，国际用户在最初使用默认的美国电话格式时可能会感到困惑）
-
非常感谢您的链接！现在检查一下，看看我是否可以让它更好地工作
-
谢谢。我能够让这个插件为我的表单输入工作:)
-
$("#pr_phone").inputmask("+9 999 999 9999", { onKeyValidation: function (key, result) { } });我已经像这个例子一样添加了它。但我想为国家代码设置“+1”，这样任何人都无法更改它。请建议。谢谢。
标签： jquery input formatting phone-number maskedinput