输入字段只接受从0到12的数字？

我想创建一个js代码，所以在输入字段（对于下面的HTML代码），我只能把数字从0到12。但问题是，输入已经有一个ID所以...这是我的代码： HTML：输入字段只接受从0到12的数字？

<!-- Months Textfield --> 
     <form> 
      <div class="mdl-textfield mdl-js-textfield"> 
      <input class="mdl-textfield__input" input id="d" data-in="" type="text" pattern="-?[0-9]*(\.[0-9]+)?" id="sample2" onchange="handleChange(this);"> 
      <label class="mdl-textfield__label" for="sample2">Months...</label> 
      <span class="mdl-textfield__error">Please specify monthes in numbers not in letters !</span> 
      <input id="e" input type="hidden" data-in="" value="2628002.88" type="text" /> 
      </div> 
     </form>

JS：

// Get all your elements stores 
var a = document.getElementById("a"); 
var b = document.getElementById("b"); 
var c = document.getElementById("c"); 
var d = document.getElementById("d"); 
var e = document.getElementById("e"); 
var f = document.getElementById("f"); 
var h = document.getElementById("h"); 
var i = document.getElementById("i"); 
var j = document.getElementById("j"); 
var astored = a.getAttribute("data-in"); 
var bstored = b.getAttribute("data-in"); 
var dstored = d.getAttribute("data-in"); 
var estored = e.getAttribute("data-in"); 
var hstored = h.getAttribute("data-in"); 
var istored = i.getAttribute("data-in"); 

function calculate(input1, input2, output) { 
    output.innerHTML = input1.value * input2.value; 
} 
function add(input1, input2, input3, output) { 
    output.innerHTML = parseInt(input1.innerHTML) + parseInt(input2.innerHTML) + parseInt(input3.innerHTML); 
} 
setInterval(function(){ 
    var temp; 

    if (a == document.activeElement) { 
     temp = a.value; 
     if (astored != temp){ 
      astored = temp; 
      a.setAttribute("data-in",temp); 
      calculate(a, b, c); 
     } 
    } else if (b == document.activeElement) { 
     temp = b.value; 
     if (bstored != temp) { 
      bstored = temp; 
      b.setAttribute("data-in",temp); 
      calculate(a, b, c); 
     } 
    } else if (d == document.activeElement) { 
     temp = d.value; 
     if (dstored != temp) { 
      dstored = temp; 
      d.setAttribute("data-in",temp); 
      calculate(d, e, f); 
     } 
    } else if (e == document.activeElement) { 
     temp = e.value; 
     if (estored != temp) { 
      estored = temp; 
      e.setAttribute("data-in",temp); 
      calculate(d, e, f); 
     } 
    } else if (h == document.activeElement) { 
     temp = h.value; 
     if (hstored != temp) { 
      hstored = temp; 
      h.setAttribute("data-in",temp); 
      calculate(h, i, j); 
     } 
    } else if (i == document.activeElement) { 
     temp = i.value; 
     if (istored != temp) { 
      istored = temp; 
      i.setAttribute("data-in",temp); 
      calculate(h, i, j); 
     } 
    } 
    add(c, f, j, elem_to_print_into); 
}, 50); 

a.onblur = calculate(a, b, c); 
b.onblur = calculate(a, b, c); 
d.onblur = calculate(d, e, f); 
e.onblur = calculate(d, e, f); 
h.onblur = calculate(h, i, j); 
i.onblur = calculate(h, i, j); 
calculate(a, b, c); 
calculate(d, e, f); 
calculate(h, i, j);

感谢您帮助我创建的代码，并把它在HTML ...

来源

2016-05-13 Toufic Batache

为什么事实上，它已经有一个id是一个问题吗？此外，你应该考虑给一些有意义的ID而不是仅仅单个字母 – litelite

那么，你可以帮助我的代码？代码用于输入行。它已经有一个ID“D”，如果我创建一个JS代码，它会有另一个ID！你有什么想法？ –

当您听起来像只希望用户输入数字时，是否存在使用文本输入字段的特定原因？如果将输入的type属性设置为“number”，则可以使用'min'和'max'属性来控制该字段中允许的最小值和最大值。例如：https：//jsfiddle.net/GigabyteGiant/k3766k66/ –

使用 “最小” 和 “最大”输入标签的属性。

为了您的“e”的输入框，这将是这个样子：

<input id="e" min="0" max="12" input type="hidden" data-in="" value="2628002.88" type="text" />

More info

来源

2016-05-14 05:32:38

感谢您的回答！它是“d”，它是 –

输入字段只接受从0到12的数字？

回答

相关问题