html - 如何在 html 字段中放置常量符号

Question

我有一个html输入框

<input name="expiry" type="text" placeholder="MM/YY"/>

我需要放一个“/”，这样如果用户输入一个值“06”，它应该在“/”后面，比如“06/”，然后当他输入年份“13”时，它应该自动位于“/”的右侧，如“06/13”。我希望“/”保持不变，如果用户用 2 位数字填充 MM，则光标应跳入“”的右侧/"等待下一个输入。

Answer 1

FIDDLE

<input name="expiry" type="text" placeholder="MM/YY" maxlength="5"/>

$('input').on('keyup',function() {
  $(this).val($(this).val().replace(/[^0-9/]/g, '')); // Validation
  if($(this).val().length === 2) {
     $(this).val($(this).val() + '/');
  }
});