如何检查输入是否为数字?如果是字符串警报错误


How can i check if input is a number ? If its a string alert an error

我按发送按钮,我想检查输入是否是 1 - 30 之间的数字。 如果它不是数字警报和错误。

<form action="index.php" method="post" id="formFlow">
       <label for="level">Level:</label>
       <input type="text" name="level" id="level" class="difborder1" />
</form>

这是一个 jquery 解决方案:

您可以在提交时使用 $.isNumeric() 检查输入是否为 int

如果没有,则显示错误消息,您必须禁用表单提交,以便您可以使用preventDefault()功能

$(document).ready(function(){
   $('#check_label').click(function (e){
      if($.isNumeric($('#level').val()) && $('#level').val() >=1 && $('#level').val() <=30) { alert("Ok");}
      else{
      e.preventDefault();
      alert("error");
      }
   });
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
<form action="index.php" method="post" id="formFlow">
       <label for="level">Level:</label>
       <input type="text" name="level" id="level" class="difborder1" value="" />
       <input type="submit" id="check_label" value="Go">
</form>

你可以使用它 这是JavaScript中的简单验证

function validate(){
  var level_chk = document.formFlow.level.value;
  if(isNaN(level_chk)|| level_chk > 30){
  alert("write whatever you want");
    return false;
  }
}
<form action="index.php" method="post" id="formFlow" name="formFlow" onsubmit="validate();">
       <label for="level">Level:</label>
       <input type="text" name="level" id="level" class="difborder1" />
       <input type="submit" name="btnsub" id="btnsub">
</form>

例如,

当PHP收到POST请求时,你可以使用它。

<?php 
if (isset($_POST['level'])
{
   if (!is_numeric($_POST['level']))
   {
      echo 'Error, the number is not numeric !';
   }
}
?>
在您的

表单中只需使用

<input type="number" name="nome" value="0">

使用html 5输入:

<form>
  <input type="number" name="Q2age" id="Q2age" size="10" min="18" max="99" pattern="[1-8][0-9]" required>
  <button type="submit" class="button" id="test">Submit</button>
</form>

下面是一个代码片段:

<form>
  <input type="number" name="Q2age" id="Q2age" size="10" min="18" max="99" pattern="[1-8][0-9]" required>
  <button type="submit" class="button" id="test">Submit</button>
</form>