javascript - 验证文本框仅接受 0 到 100 之间的数字

Question

我有一个标记为“分数”的文本框。我希望用户输入 0 到 100 之间的值。如何验证用户提供的值？

HTML:

<div class="editor-label"> Score </div> 
<div class="editor-field"> 
    <input type="text" name="Score" id="Score" maxlength="25" /> 
    <span id="ScoreError" class="error"></span>
</div> 

到目前为止我尝试过的:

var num = document.getElementById("Score").value; 
if (num < 0 || num > 100){
    document.getElementById("ScoreError").innerHTML = "- Score is required.";
    alert("Enter a Score thats between 0 to 100") 
    isValidForm = false; 
} 

Answer 1

您可以使用 var num = document.getElementById("Score").value.replace(/[^0-9]/g, "") 删除任何非数字字符然后你的 if/then 语句将查看一个整数。

这是一个演示:http://jsfiddle.net/7FXxt/