Question

我不知道这是否可能，因此这是其中的一部分。假设我有一个如下的输入标签。

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

现在我想要的是用户应该已经看到'/'部分，即当他输入1212时，文本框应自动变为12/12，如果是，则可以如何完成。提前谢谢。

Answer 1

对于HTML / CSS-only方法，您可以使用两个输入，并在内边缘上没有边框的样式：

<input type="text" maxlength="2">
<span> / </span>
<input type="text" maxlength="2">

将input和span元素设置为display: inline-block;以及一些边框样式，这是一种强大的语义方法，不需要任何Javascript。

Answer 2

最近我发现了一个看起来不错的插件，我认为它可以满足您的需求，所以我会与您分享：cleave.js

Answer 3

<input id="expiry" name="expiry" type="text" placeholder="MM/YY">
<script type="text/javascript">
   $("#expiry").bind('keyup mouseup', function () {
   if($('#expiry').val().length ==2){
   $('#expiry').val($('#expiry').val()+'/');
   }        
});

</script>

检查fiddle

Answer 4

尝试使用jquery mask plugin：

$(document).ready(function(){
$('#expiry').mask('00/00');
});

特定位置的输入标记中的默认值

4 个答案: