【问题标题】:How to auto add slash(/) in expiry date field input javascript如何在到期日期字段输入javascript中自动添加斜杠(/)
【发布时间】:2021-11-10 16:44:16
【问题描述】:

我想在信用卡到期日期字段输入中自动添加斜杠。我想在类型 2 字符后添加斜杠,并在删除第三个数字后删除斜杠。例如,23/(类型编号 3 后自动添加斜杠) 23/4(删除编号 4 后自动删除斜杠)

addSlashes(elementID) {
    let ele = document.getElementById(elementID)
    const value = ele.value
    let finalVal = null
    if (value.length === 2) {
       finalVal = `${value}/`
    }
    document.getElementById(elementID).value = finalVal
},

【问题讨论】:

    标签: javascript html


    【解决方案1】:

    / 加在 2 个字符之后,总长度就变成了 3。所以,这个操作应该如何进行还不是很清楚。

    但是,如果这是为了在进行渐进式输入时发生一些自动更改,这里是在用户输入 2 个字符时自动添加 / 并在 @ 之后添加下一个字符时删除它的代码987654323@

    编辑 删除第三个数字时,OP 需要删除 /。

    function modifyInput(ele) {
      
      if (ele.value.length === 2)  
        ele.value = ele.value + '/'
      else    
        if (ele.value.length === 3 && ele.value.charAt(2) === '/')
          ele.value = ele.value.replace('/', '');
    }
    <input type="text" onkeyup="modifyInput(this)">

    【讨论】:

    • 哦,对不起,我告诉你不清楚。我想在信用卡到期日期字段输入中自动添加斜杠。我想在类型 2 字符后添加斜杠,并在删除第三个数字后删除斜杠。例如,23/(类型编号 3 后自动添加斜杠)23/4(删除编号 4 后自动删除斜杠)
    • 代码已编辑以适应要求。
    • 此代码在我输入第二个数字时编辑,斜线自动添加和删除。我删除了第三个数字,斜线是自动添加的(不是自动删除)。
    猜你喜欢
    • 1970-01-01
    • 2018-05-27
    • 1970-01-01
    • 1970-01-01
    • 2019-04-05
    • 2019-11-29
    • 2014-04-15
    • 1970-01-01
    • 2017-01-04
    相关资源
    最近更新 更多