检查输入值是否不等于整数然后不提交表单

Question

我有一个简单的 php 电子邮件表单，但我收到了垃圾邮件。我添加了一个检查输入，用户必须填写输入。如果输入值等于 12 则提交表单，否则不要提交表单并弹出错误。（请做数学。）

<form action="" method="post">
<input type="text" name="name" placeholder="name" required>
<input type="text" name="email" placeholder="email" required>
<input type="text" name="phone" placeholder="phone" required>

<div class="check">
   <label>6 x 2 =</label>
   <input type="text" name="not_robot" required="required">
</div>

<input type="submit" value="submit">
</form>

我正在使用下面的php方法：

if(isset($_POST['not_robot']) !== 12 && isset($_POST['not_robot']) !== ''){
    echo '<script type="text/javascript">alert("Please do the math, if you are human.");</script>';
}else{
    //email script here
}

当我提交表单时，出现错误弹出窗口说“请做数学，如果你是人类”，但在我关闭弹出窗口后，它也会发送电子邮件。 感谢您的帮助

P.S：如果检查方法可以使用 javascript 或 jquery，那将是一个很大的帮助。

Answer 1

你需要在客户端测试：

纯 JS

window.onload=function() {
  document.querySelector("form").onsubmit=function(e) {
    var val = this.elements["not_robot"].value;
    return !isNaN(val) && parseInt(Number(val)) == val &&  !isNaN(parseInt(val, 10);
  }
}

jQuery:

$(function() {
  $("form").on("submit",function(e) {
    var val = $("[name='not_robot'"].val();
    if (isNaN(val) || !parseInt(Number(val)) == val ||  isNaN(parseInt(val, 10)) e.preventDefault();
  }
}

Answer 2

在提交表单时尝试检查。使用以下代码或链接-

JSFiddle

HTML 代码-

<form action="" method="post">
  <input type="text" name="name" placeholder="name" required>
  <input type="text" name="email" placeholder="email" required>
  <input type="text" name="phone" placeholder="phone" required>

  <div class="check">
    <label>6 x 2 =</label>
    <input type="text" name="not_robot" required="required">
  </div>

  <input type="submit" value="submit">
</form>

JAVASCRIPT 代码-

$('form').submit(function() {
      if (parseInt($('input[name="not_robot"]').val()) == 12) {
        return true;
      }
      else{
        alert('You not enterd the correct value');
        return false;
      }
    });

Answer 3

不要试图阻止以这种方式发送垃圾邮件。我的建议是应用 csrf 保护和谷歌验证码。您可以使用 this library 进行 csrf 保护。对于谷歌验证码，请使用this

Answer 4

如果你想通过PHP进行验证..下面是方法

if(is_numeric($_POST['not_robot']) && !empty($_POST['not_robot'])){
    echo '<script type="text/javascript">alert("Please do the math, if you are human.");</script>';
}else{
    //email script here
}

Answer 5

方式：

• 使用PHP exit() 函数退出当前脚本执行。我们可以在有（或没有）消息的情况下使用这个函数。

  语法： exit(message) OR exit()

• 我们也可以使用return;

  在这里，控件将返回到调用该文件运行的脚本。

试试这个：

if(isset(($_POST['not_robot']) != '12') && (isset($_POST['not_robot']) !== '')){
    /* alert here */
    exit();
}else{
    //email script here
}

Answer 6

HTML：

<form action="" method="post" name="form1">
<input type="text" name="name" placeholder="name" required>
<input type="text" name="email" placeholder="email" required>
<input type="text" name="phone" placeholder="phone" required>

<div class="check">
   <label>6 x 2 =</label>
   <input type="text" name="not_robot" id="not_robot" required="required" />
</div>

<input type="button" value="submit" onClick="checkForm()">
</form>

JavaScipt：

function checkForm()
{

  if(document.getElementById('not_robot').value == "12" && document.getElementById('not_robot').value != "")
  {
    alert('ok');
    document.forms['form1'].submit();
  }else{
        alert('not ok');
      }

}