javascript - XX-XXX XXXX格式后的电话号码中的数字无法删除时如何删除?
问题描述
我已经对格式号码电话进行了编码,但它无法删除某些数字。我无法处理它。你能帮我么?
<paper-input id="email" name="email_address" class="email" label="Email" type="email" error-message="Please enter valid email format" required auto-validate></paper-input>
const isModifierKey = (event) => {
const key = event.keyCode;
return (event.shiftKey === true || key === 35 || key === 36) || (key === 8 || key === 9 || key === 13 || key === 46) || (key > 36 && key < 41) || ((event.ctrlKey === true || event.metaKey === true) && (key === 65 || key === 67 || key === 88 || key === 90))
};
const isNumericInput = (event) => {
const key = event.keyCode;
return ((key >= 48 && key <= 57) || // Allow number line
(key >= 96 && key <= 105) // Allow number pad
);
};
const enforceFormat = (event) => {
if (!isNumericInput(event) && !isModifierKey(event)) {
event.preventDefault();
}
};
const formatToPhone = (event) => {
if (isModifierKey(event)) {
return;
}
const target = event.target;
const input = event.target.value.replace(/\D/g, '').substring(0,11);
const zip = input.substring(0,2);
const middle = input.substring(2,5);
const last = input.substring(5,11);
if(input.length > 5) {
target.value = `${zip}-${middle} ${last}`;
} else if (input.length > 1) {
target.value = `${zip}-${middle}`;
} else if (input.length > 0) {
target.value = `${zip}-`;
}
};
const inputElement = this.$.phone;
inputElement.addEventListener('keydown', enforceFormat);
inputElement.addEventListener('keyup', formatToPhone);
我希望删除用于替换新号码的数字。如何处理格式电话号码中的可移动数字。此处使用 Polymer 3.0。
解决方案
在 Polymer 3.0 中,我已经修复了它。
static get template(){
return html`
<paper-input id="phone" name="mobilephone_no" allowed-pattern= "[0-9]" country-code="" placeholder="XX-XXX XXXX" maxlength="9" required>
`
}
ready(){
super.ready();
this.$.phone.addEventListener('keyup', function(e) {
var ph = this.value.replace(/\D/g,'').substring(0,9);
var deleteKey = (e.keyCode == 8 || e.keyCode == 46);
var len = ph.length;
if(len==0){
ph=ph;
}else if(len<2){
ph= ph;
}else if(len==2){
ph = ph + (deleteKey ? '' : '');
}else if(len<5){
ph= ph.substring(0,2)+'-'+ph.substring(2,5);
}else if(len==5){
ph= ph.substring(0,2)+'-'+ph.substring(2,5)+ (deleteKey ? '' : '');
}else{
ph= ph.substring(0,2)+'-'+ph.substring(2,5)+' '+ph.substring(5,9) + (deleteKey ? '' : '');
}
this.value = ph;
});
this.$.phone.addEventListener('keydown', function(e) {
var ph = this.value.replace(/\D/g,'').substring(0,9);
var deleteKey = (e.keyCode == 8 || e.keyCode == 46);
var len = ph.length;
if(len < 9){
ph=ph;
}else if(len<2){
ph= ph;
}else if(len==2){
ph = ph + (deleteKey ? '' : '-');
}else if(len<5){
ph= ph.substring(0,2)+'-'+ph.substring(2,5);
}else if(len == 5){
ph= ph.substring(0,2)+'-'+ph.substring(2,5) + (deleteKey ? '' : '');
}else{
ph= ph.substring(0,2)+'-'+ph.substring(2,5) +' '+ph.substring(5,9) + (deleteKey ? '' : '');
}
this.value = ph;
});
}
推荐阅读
- node.js - 如何在现有的 Express.js 项目中添加 Nuxt.js?
- python - 通过 gspread Python 删除(删除)谷歌表中的列,如 sheet.delete_row
- java - 接口和 RuntimeExceptions 的 Java 模式
- python - 我在尝试解决python中的二次公式时犯了一个错误
- r - 使用向量对数据框进行子集化,包括 NA
- python - 无法访问 Docker 容器外的烧瓶站点
- mongodb - mongodb 聚合 addFields 查询(在 kotlin + 缝合中) - 多个文档一起不起作用
- arrays - 如何在 F# 中均匀分布范围内的数字
- wordpress - 创建变体不会将数据添加到 wp_term_relationships
- c# - 将 IList 对象转换为 List