Html 输入表单中的自动数字空格
我已经看到了限制文本以某种形式显示的可能性。例如,如果是信用卡,当用户写入时,会自动在4个数字之间创建一个空格。怎么做 (我指的不是用户单击提交时的正则表达式验证,而是在此之前用户在输入中写入数字时的正则表达式验证)Html 输入表单中的自动数字空格,html,css,forms,Html,Css,Forms,我已经看到了限制文本以某种形式显示的可能性。例如,如果是信用卡,当用户写入时,会自动在4个数字之间创建一个空格。怎么做 (我指的不是用户单击提交时的正则表达式验证,而是在此之前用户在输入中写入数字时的正则表达式验证) 您可以通过使用EventListener和replace修改键下的输入值来执行此操作(而不是change,因为只有当input不再处于焦点时才会触发此操作) document.querySelector(“#card”).addEventListener('keydown',(
您可以通过使用
EventListener
和replace
修改键下的输入值来执行此操作(而不是change
,因为只有当input
不再处于焦点时才会触发此操作)
document.querySelector(“#card”).addEventListener('keydown',(e)=>{
e、 target.value=e.target.value.replace(/(\d{4})(\d+)/g,$1$2')
})
/*Jquery*/
$(“#卡”).keyup(函数(){
$(this).val($(this).val().replace(/(\d{4})(\d+)/g,$1$2'))
});代码>
您要查找的可能是?如果您使用非数字符号(可能是这种情况)隐藏数字,则此代码段将不起作用。只需更改中的d
,替换为匹配的字符。我尝试将其适应于jQuery,但我遇到了一些问题,您能帮我吗?