如果陈述为真,则提交表格

时间:2017-03-09 21:43:17

标签: javascript php jquery forms form-submit

我正在尝试编写一个非常简单的jQuery函数,它将具有两个主要属性。第一个是检查字段是否为空。第二个是如果字段不为空则执行将导致PHP编码页面的表单。我是jQuery的新手,如果有人可以指出我的错误究竟在哪里,我将非常感激。提前谢谢。



function Captcha() {
  $('#Button').click(function() {
    if ($("#Field").val().length == 0) {
      alert("Please fill the box");
      return false;
    } else {
      alert("Your code is saved");
      return true;
    }
  });
}

$(document).ready(function() {
  Captcha();
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<form action="success.php" id="Alpha" method="post" onsubmit="return Captcha();">
  <input id="Field" type="text" placeholder="Enter key here">
  <button id="Button" type="submit" form="Alpha">Confirm</button>
</form>
&#13;
&#13;
&#13;

2 个答案:

答案 0 :(得分:2)

您希望在实际提交表单时验证表单字段。当您单击该按钮时,您仍然在触发提交。

尝试更改此内容:

    sess=tf.InteractiveSession()
    a = tf.placeholder(tf.float32)
    b = tf.placeholder(tf.float32)
    adder_node = a + b  # + provides a shortcut for tf.add(a, b)

    print(sess.run(adder_node, {a: 13, b:4.5}))
    print(sess.run(adder_node, {a: [1,3], b: [2, 4]}))

进入这个:

$('#Button').click(function() {

看看是否有帮助。

答案 1 :(得分:2)

不使用按钮的click事件,使用表单的submit事件,因为可以通过键盘提交表单,因此可以规避按钮。

您可以看到工作版 here (Stack Overflow阻止提交代码在下面的代码段环境中工作。)

$(function() {
  $('#Alpha').on("submit", function() {
    if ($("#Field").val().length == 0) {
      alert("Please fill the box");
      return false;
    } else {
      alert("Your code is saved");
      return true;
    }
  });
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<form action="success.php" id="Alpha" method="post" onsubmit="return Captcha();">
  <input id="Field" type="text" placeholder="Enter key here">
  <button id="Button" type="submit" form="Alpha">Confirm</button>
</form>