Question

我需要在html中实现文本输入，即： 1.用户只能按数字 2.用户最多可以按4位数。

这些是我知道怎么做的事情，但我需要的是，如果用户按下少于4位数 - 所以失去焦点 - 它将通过在左侧添加零位数来完成4位数。 / p>

我该如何实施？

有没有办法在线实施所有这三项要求？可能是通过jquery mask？

Answer 1

<input type="number" id="input_name">

此输入仅允许HTML5中的数字。要定位此输入，请执行以下操作：

var element = document.getElementByID('input_name');

然后添加此代码：

element.addEventListener('blur', function() {
   var elementLength = element.value.length;
   if(elementLength == 0) {
     return;
   }
   if(elementLength == 1) {
     element.value = '000'+element.value;
     return;
   }
   if(elementLength == 2) {
     element.value = '00'+element.value;
     return;
   }
   if(elementLength == 3) {
     element.value = '0'+element.value;
     return;
   }
   if(elementLength == 4) {
     return;
   }
   else {
     // Code to max the number of digits at 4
     element.value = element.value.substr(0, 3);
     return;
   }
}, false );

希望这有帮助，Gab

对html文本输入实现零掩码

1 个答案: