格式化文档输入字段，该字段会自动显示句点和连字符，但在提交表单时不允许使用它们

Question

我目前正在为一个电子商务的用户创建登录页面，我需要实现这样的目标：https://drive.google.com/file/d/1JJBeZG-oyzrh8vCDRMjfv03oGDjrWwZw/view?usp=sharing(视频必须在全屏上观看，否则太小，无法详细说明任何内容(

问题是，当提交表格时，我不应该允许任何特殊字符，我想我已经解决了这个问题：

$('#login_form #document').on('input', function() {
this.value = this.value.toLocaleUpperCase();
let count = this.selectionStart,
regex = /[^a-z0-9]/gi,
value = $(this).val();
console.log(value)
if(regex.test(value)) {
$(this).val(value.replace(regex, ''));
count--;
}
this.setSelectionRange(count, count);
});

但我真的无法思考如何显示点和连字符，并且不允许它们提交。

此外，任何改进代码的建议都会受到欢迎。提前感谢！

Answer 1

只需保留前端的格式，在后端进行一些反向格式化，例如输入10,000.00，然后使用后端PHP提交，只需替换"str_replace('，'，''，'10000.00'(，则会得到10000.00，然后使用$new_number = (float)10000.00

$input_number = '10,000.00';
$input_number_no_comma =  str_replace(',', '', $input_number);
$input_number_new = (float)$input_number_no_comma;
echo $input_number_new ;