我试图将 SSN 字段中的所有数字屏蔽为 *,同时让用户仅输入数值并用破折号格式化 SSN。
这是一个小提琴链接:
https://jsfiddle.net/7f8p83am/ https://jsfiddle.net/7f8p83am/
$('#ssn').keyup(function() {
var val = this.value.replace(/\D/g, '');
var newVal = '';
var sizes = [3, 2, 4];
var maxSize = 10;
for (var i in sizes) {
if (val.length > sizes[i]) {
newVal += val.substr(0, sizes[i]) + '-';
val = val.substr(sizes[i]);
} else {
break;
}
}
newVal += val;
this.value = newVal;
});
显然,替换是去掉*。关于如何做到这一点有什么想法吗?
提前致谢。
您可以考虑删除输入的所有非数字和星号,并用 asterisk 替换数字:
// Remove all non-digits/asterisks and replace digits with asterisks
var val = this.value.replace(/[^\d\*]/g, '').replace(/\d/g,'*');
此外,您可能想尝试添加maxlength
元素上的属性也可防止其继续:
<input id='ssn' maxlength='11'/>
最后,您可能需要考虑存储一个隐藏字段或变量来存储您正确的 SSN 值,以便您可以按预期将其发布到服务器。
Example
<!DOCTYPE html>
<html>
<head>
<script src="https://code.jquery.com/jquery-2.1.4.js"></script>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width">
<title>JS Bin</title>
</head>
<body>
<input id='ssn' maxlength='11' />
<script>
$(function() {
$('#ssn').keyup(function() {
var val = this.value.replace(/[^\d\*]/g, '').replace(/\d/g, '*');
var newVal = '';
var sizes = [3, 2, 4];
var maxSize = 10;
for (var i in sizes) {
if (val.length > sizes[i]) {
newVal += val.substr(0, sizes[i]) + '-';
val = val.substr(sizes[i]);
} else {
break;
}
}
newVal += val;
this.value = newVal;
});
});
</script>
</body>
</html>
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)