Question

我使用PHP制作了这个随机数猜测游戏，我正在尝试使用JavaScript实现客户端表单验证。该脚本应仅允许1-100的数字，并拒绝其他所有内容，如空格，字母数字字符，负数和浮点数，和/或这些的混合。这是我到目前为止的剧本：

<script type="text/javascript">
//<![CDATA[

// The checkForm() function makes sure the user's guess is valid
function checkForm() {
    var numericExpression = /[-+]?([0-9]*\.)?[0-9]+/; // Code is from regular-expressions.info
    if (document.getElementById("userGuess").value.match(numericExpression)) {
        return true;
        } // ends the if statement
    else {
        alert("Enter a valid number between 1-100 that isn't negative or a decimal value");
        document.getElementById("userGuess").focus();
        return false;
    } // ends the else statement
}
//]]>
</script>

以下是表格：

<div id="container">
   <h1 id="mainHeading">Let's play a game!</h1>

   <h2 id="subHeading">I'm thinking of a number between 1-100. Take a guess on what you think it is.</h2>

   <!-- User input -->
   <form action="" method="post" onsubmit="return checkForm()" name="formGuess" id="formGuess">
      <input type="text" name="userGuess" id="guessInput" /> 
      <button type="submit" id="submit">You're probably going to get it wrong.</button>
   </form>
</div> <!-- End container div -->

虽然它不能按预期工作，但它只拒绝纯字母输入。其他任何混合和脚本不起作用。我将网页上传到我的个人网站：PHP random number game

谢谢！

Answer 1

您不需要正则表达式。要检查变量是否为数字，请使用：

var isNumber = (! isNaN(variable));

Answer 2

虽然我同意其他人你真的不需要正则表达式，但是如果你想知道正则表达式在1和1之间的数字（因为你正在使用正则表达式时真的是一个字符串）应该是什么样的100，这是一种方式：/^[1-9]$|^[1-9][0-9]$|^100$/

如果有帮助或者您有任何疑问，请告诉我们。）

JavaScript正则表单表单验证失败

2 个答案: