验证文本框以接受仅介于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/