Jquery 如何将字符添加到文本框中

Jquery 如何将字符添加到文本框中,jquery,asp.net,textbox,Jquery,Asp.net,Textbox,我想在文本框中添加一个字符,将两个字符与两个字符分开,如下所示: 22:11 因此,当用户输入22时,它会自动切换到分隔符之后,然后用户可以输入11 我该怎么做,谢谢。你可以这样做: $('#textbox').keyup(function(){ if ($(this).val().length == 2) { $(this).val( $(this).val() + ':'); } }); 请记住,本例使用了.keyup()方法,当用户释放按钮时会调用该方法,因此如果用户在

我想在文本框中添加一个字符,将两个字符与两个字符分开,如下所示:

22:11
因此,当用户输入22时,它会自动切换到分隔符之后,然后用户可以输入11


我该怎么做,谢谢。

你可以这样做:

$('#textbox').keyup(function(){
  if ($(this).val().length == 2) {
    $(this).val( $(this).val() + ':');
  }
});
请记住,本例使用了
.keyup()
方法,当用户释放按钮时会调用该方法,因此如果用户在值为222时释放按钮,则该方法将不起作用

编辑:

这是一个使用正则表达式的改进示例:

$('#textbox').keyup(function(){
    t = $(this);
    v = t.val();
    pattern = /^(\d{2})(\d*)$/;
    if (v.match(pattern)) {
        t.val(v.replace(pattern, '$1:$2'));
    }
});

使用“MaskedEdit”控件而不是文本框。使用“99:99”作为遮罩

更多信息请点击此处:

您可以使用“99:99”模式

对于asp.net,如果您正在使用,则可以使用扩展。

  • 文本框的绑定keyUp事件
  • 在触发的函数中检查RegExp(例如[0-2][0-9])
  • 如果匹配,则将“:”字符串添加到val()

首先告诉我们,你使用的是ASP.NET Text Box控件还是HTML输入文本控件???为什么不使用两个文本框,只限于中间有冒号的两个字符?@ kimang-GAJAR——使用ASP.NET Text Box而不是input@Alex-文本框已被限制,我尝试添加冒号,但它不会自动跳转到冒号后面。我尝试了此
,但没有成功。您是否使用ASP.NET AJAX控件工具包?