Javascript 在文本框中的值前面添加零

我已经在JSFIDLE中创建了一个演示：

功能板（str，最大值）
{
返回str.length

我已使用上述函数添加前导零

在文本框中，我可以在冒号前输入3位数字。我需要输入前导为零的值。程序本身中显示了一个示例（如输出中的“第一部分”字段）。有没有办法做到这一点

我还需要冒号后面的两个数字。如何修改代码以在第一个冒号后输入两位数字？我只需要一个冒号，不需要更多的冒号。例如：435:23或045:23或005:23

$（'#ssn'）.keyup（函数（）{
var val=this.value.replace（/[^:\d]/g'，）；
var parts=val.split（“：”）；
$（“#f-length”）.html（val.length）；
$（“#f-part”）.html（pad（parts[0]，3））；
$（#s-part”）.html（pad（parts[1,2]）；
this.value=val；
});
功能板（str，最大值）{
如果（str==void（0））{str=''；}
返回str.length

我需要修改Fiddle中的jquery函数谢谢您的回复。我试过你的小提琴了。但在文本框中不会出现前导零。此外，没有使用冒号拆分。我错过什么了吗？对不起，奥利奥。我需要在文本框中输入我的字段“输出应为”。我改变了主意fiddle@NewPHP尝试但我不太清楚你到底想要什么…谢谢你的帮助。我的意思是，文本框本身需要前导零。

function pad (str, max) 
{
  return str.length < max ? pad("0" + str, max) : str;
}

$('#ssn').keyup(function() {
    var val = this.value.replace(/[^:\d]/g, '');
    var parts = val.split(':');
    $( "#f-length" ).html( val.length );
    $( "#f-part" ).html( pad(parts[0],3) );
    $( "#s-part" ).html( pad(parts[1],2) );
    this.value = val;

});

function pad (str, max) {
    if(str === void(0)) { str = ''; }
    return str.length < max ? pad("0" + str, max) : str;
}