问避免通过Javascript多次提交表单
EN

Stack Overflow用户

提问于 2014-02-26 04:26:26

回答 3查看 157关注 0票数 0

让我明确标题的含义:在我的代码中，为了验证一个依赖于字段"t1“的字段，我需要自动提交表单一次(只有一次)。但是我下面的代码提交了无数次，我知道为什么会发生这种情况。我猜原因是每次表单提交时，标题中的JS都会运行。请帮我避免这种情况。以下是我的代码：

<html>
<head>
<script>
window.onload = function()
{   
    var f = document.getElementById("CheckForm");
    var temp = document.getElementById("CheckForm.t1");
    if(f.name == "CheckForm")
    {
      var temp1 = document.getElementById("t1");
      temp1.value = "Task";
    }
      document.CheckForm.submit();
}
</script>
</head>
<body>
      <form name="CheckForm" id="CheckForm" method="Post">
    <input type="text" id="t1" name="t1"/>
</form>
</body>
</html>

我尝试使用像标志这样的变量和像arguments.callee.count = ++arguments.callee.count || 1这样的静态变量来阻止它，并将我的CheckForm.submit()行放在if子句中。但都不管用。任何建议或帮助都是值得欣赏的。

javascript

html

forms

validation

人脸核身产品特惠

用户政务民生、金融、通信运营商等场景，接入全面，安全可靠新用户3折起

回答 3

Stack Overflow用户

发布于 2014-02-26 04:34:57

<html>
<head>
<script>
window.onload = function()
{   
    var f = document.getElementById("t1");
    var temp = document.getElementById("CheckForm.t1");
    if(f.name == "CheckForm")
    {
      var temp1 = document.getElementById("CheckForm.t1");
      temp1.value = "Task";
    }
      if(window.location.search=="")document.CheckForm.submit();
}
</script>
</head>
<body>
      <form name="CheckForm">
              <input type="text" id="t1"/>
      </form>
</body>
</html>

票数 1

Stack Overflow用户

发布于 2014-02-26 04:38:05

您的表单肯定比以下内容更复杂：

  <form name="CheckForm">
          <input type="text" id="t1">
  </form>

这将不会向服务器提交任何内容，因为没有成功的控件(唯一的控件没有名称)。

由于表单只是提交到同一页，因此可以提交一个隐藏值，如下所示：

  <form name="CheckForm">
          <input type="text" id="t1">
          <input type="hidden" name="hasBeenSubmitted" value="yes">
  </form>

现在，当表单提交时，新页面的URL将包含...?hasBeenSubmitted=yes，这样您就可以在URL中查找该值，例如

if (/hasBeenSubmitted=yes/.test(window.location.search)) {
    // this page loaded because the form was submitted
}

如果存在，请不要再次提交该表单。

票数 1

Stack Overflow用户

发布于 2014-03-02 20:30:45

因此，既然你使用的是post方法，最简单的方法就是提交一个新的url，然而，你似乎决定将表单提交给同一个url，在这种情况下，你使用的是php (或任何其他语言)，你可以检查http请求是否有一个值为t1的post属性。

<?php 

if(isset($_POST['t1']){
        $your_text=$_POST['t1'];
        /*do some string checking to make safe and the throw into your database or mdo whatever you please with data
        if you wanted to include the ip address of the user you can get a basic and most likely client ip address like so

        $ip_address= $_SERVER['REMOTE_ADDR'];

        if you are handing a mulitpage form look into php session or similar tech ... cookies is kind of over kill for this scenario

         then include a succes page as the form has been submitted
         or you could end php with this tag ?> and then have your html and start again with <?
        */

        include 'form_submitted.php';

}else{
    //this would be the html page that you included in your question and can be handle in same ways as form submitted 
    include 'my_form.php'
}
?>