Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/80.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html 输入表单中的自动数字空格_Html_Css_Forms - Fatal编程技术网

Html 输入表单中的自动数字空格

Html 输入表单中的自动数字空格,html,css,forms,Html,Css,Forms,我已经看到了限制文本以某种形式显示的可能性。例如,如果是信用卡,当用户写入时,会自动在4个数字之间创建一个空格。怎么做 (我指的不是用户单击提交时的正则表达式验证,而是在此之前用户在输入中写入数字时的正则表达式验证) 您可以通过使用EventListener和replace修改键下的输入值来执行此操作(而不是change,因为只有当input不再处于焦点时才会触发此操作) document.querySelector(“#card”).addEventListener('keydown',(

我已经看到了限制文本以某种形式显示的可能性。例如,如果是信用卡,当用户写入时,会自动在4个数字之间创建一个空格。怎么做

(我指的不是用户单击提交时的正则表达式验证,而是在此之前用户在输入中写入数字时的正则表达式验证)


您可以通过使用
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,但我遇到了一些问题,您能帮我吗?