Question

所以目前我有这个代码：

<html>
<title>Number Seperation</title>
<body>
    <p>Please enter as many numbers in the box below as you wish.
    <br>
    Make sure to seperate each different number by hitting the submit button.</p>

    <form>
        <script>
                function isNumberKey(evt){
                    var charCode = (evt.which) ? evt.which : event.keyCode
                    if (charCode > 31 && (charCode < 48 || charCode > 57))
                        return false;
                    return true;
                }
        </script>
      <input type="number" name="quantity" min="1">
      <input type="submit">
    </form>
</body>

其中有一个文本框，您只能输入数字。我想知道如何将文本框更改为提示窗口，同时仍保持验证检查以确保只接受数字。我该怎么做？

Answer 1

我刚刚将getInput方法绑定到按钮上。 window.prompt弹出输入对话框。我使用isNaN（）检查它是否（不是）数字，但您可以根据需要进行自定义。然后我将它连接到列表元素中。

＆＃13;

function getInput(){
                var input = window.prompt("Enter a number");
                if(isNaN(input))
                  alert('That was not a number')
                else {
                  document.getElementById('list').innerHTML += "<li>" + input + "</li>";
                }                
                
              }

＆＃13;

<html>
<title>Number Seperation</title>

<body>
  <p>Please enter as many numbers in the box below as you wish.
    <br>Make sure to seperate each different number by hitting the submit button.</p>

  <form>
  
    <input type="button" onclick="getInput()" value="Supply number" />
  </form>
  <ul id="list">
  </ul>
</body>

＆＃13;

我使用的参考资料：

如何将表单中的数字验证更改为提示？

1 个答案: