无法提交表单到Php脚本

我试图用DevOOPS Bootstrap 3 Admin主题做一个表单填充网站，我在将表单域中的数据发布到insert.php脚本时会出现问题，该脚本会将数据插入到数据库。无法提交表单到Php脚本

我使用的主题为：https://github.com/nnmware/devoops

所以主题使用AJAX加载器。当我将数据插入表单然后点击SUBMIT时，主题将我重定向到insert.php，但没有任何反应。然后我尝试发送HTML格式的数据低谷与此：

> $(function() { 
>  $('#form').on('submit',function (e) { 
> 
>    $.ajax({ 
>     type: 'post', 
>     url: 'insert.php', 
>     data: $('#form').serialize(), 
>     success: function() { 
>     alert("Introdus cu success!"); 
>     } 
>    }); 
>   e.preventDefault(); 
>   }); });

仍然不知道为什么它不发送数据。

的insert.php

if(isset($_POST['submit'])) 
{ 
    $sql = "INSERT INTO `dateclienti` (`Nume Societate`, `Adresa Sediu`, `Adresa Punct de lucru 1`, `Adresa Punct de lucru 2`, `Registrul Comertului`, `Cod Fiscal`, `E-Mail`, `Cont Banca`, `Model casa de marcat`, `Marca casa`, `Numar Aviz`, `Data de achizitie`, `Configuratie`, `Serie casa`, `Serie fiscala`, `Nume Pers. De contact`, `Functie`, `Serie CI`, `CNP`, `Eliberat de`, `La data de`, `Telefon`,`Data`,`ID`) VALUES ('$_POST[numesoc]', '$_POST[adresasoc]', '$_POST[punct1]', '$_POST[punct2]', '$_POST[regcom]', '$_POST[codf]', '$_POST[email]', '$_POST[contbancar]', '$_POST[modelcasa]', '$_POST[marcacasa]', '$_POST[nraviz]', '$_POST[dataach]', '$_POST[config]', '$_POST[seriecasa]', '$_POST[seriefiscala]', '$_POST[perscon]', '$_POST[functie]', '$_POST[serieci]', '$_POST[CNP]', '$_POST[eliberat]', '$_POST[dataeliberarii]', '$_POST[telefon]', '$_POST[data]', null)"; 
    if(mysqli_query($db,$sql)) 
    { 
     header("location: admin.php#ajax/adaugafirma.php"); 
    } 
    else 
    { 
     echo "ERRRORRRRRR !!!!"; 
     printf("ERRORRRRRRR: %s\n", mysqli_error($db)); 
    } 
}

和页面的形式：

<form action="admin.php#ajax/insert.php" id="form" method="post" name="form" class="form"> 
<div class="row"> 
    <div id="breadcrumb" class="col-xs-12"> 
     <a href="#" class="show-sidebar"> 
      <i class="fa fa-bars"></i> 
     </a> 
    </div> 
</div> 
<div class="row"> 
    <div class="col-xs-12 col-sm-6"> 
     <div class="box"> 
      <div class="box-header"> 
       <div class="box-name"> 
        <i class="fa fa-search"></i> 
        <span>Datele Firmei</span> 
       </div> 
       <div class="box-icons"> 
        <a class="collapse-link"> 
         <i class="fa fa-chevron-up"></i> 
        </a> 
        <a class="expand-link"> 
         <i class="fa fa-expand"></i> 
        </a> 
        <a class="close-link"> 
         <i class="fa fa-times"></i> 
        </a> 
       </div> 
       <div class="no-move"></div> 
      </div> 

      <div class="box-content"> 
       <div class="row"> 
        <div class="col-sm-offset-3 col-sm-5"><input type="text" class="form-control" placeholder="Data" name="data"></div> 
      </div> 
          <div class="row"> 
        <div class="col-sm-offset-3 col-sm-5" style="padding-top:20px;"><input type="text" class="form-control" placeholder="Nume Societate" name="numesoc"></div> 
      </div> 
          <div class="row"> 
        <div class="col-sm-offset-3 col-sm-5" style="padding-top:20px;"><input type="text" class="form-control" placeholder="Adresa Societate" name="adresasoc"></div> 
      </div> 
          <div class="row"> 
        <div class="col-sm-offset-3 col-sm-5" style="padding-top:20px;"><input type="text" class="form-control" placeholder="Adresa Punct de lucru 1" name="punct1"></div> 
      </div> 
          <div class="row"> 
        <div class="col-sm-offset-3 col-sm-5" style="padding-top:20px;"><input type="text" class="form-control" placeholder="Adresa Punct de lucru 2" name="punct2"></div> 
      </div> 
          <div class="row"> 
        <div class="col-sm-offset-3 col-sm-5" style="padding-top:20px;"><input type="text" class="form-control" placeholder="Registrul Comertului" name="regcom"></div> 
      </div> 
          <div class="row"> 
        <div class="col-sm-offset-3 col-sm-5" style="padding-top:20px;"><input type="text" class="form-control" placeholder="Cod Fiscal" name="codf"></div> 
      </div> 
          <div class="row"> 
        <div class="col-sm-offset-3 col-sm-5" style="padding-top:20px;"><input type="text" class="form-control" placeholder="E-Mail" name="email"></div> 
      </div> 
          <div class="row"> 
        <div class="col-sm-offset-3 col-sm-5" style="padding-top:20px;"><input type="text" class="form-control" placeholder="Cont Bancar" name="contbancar"></div> 
      </div> 
      </div> 
     </div> 
    </div> 
    <div class="col-xs-12 col-sm-6"> 
     <div class="box"> 
      <div class="box-header"> 
       <div class="box-name"> 
        <i class="fa fa-search"></i> 
        <span>Datele Casei de marcat</span> 
       </div> 
       <div class="box-icons"> 
        <a class="collapse-link"> 
         <i class="fa fa-chevron-up"></i> 
        </a> 
        <a class="expand-link"> 
         <i class="fa fa-expand"></i> 
        </a> 
        <a class="close-link"> 
         <i class="fa fa-times"></i> 
        </a> 
       </div> 
       <div class="no-move"> 
       </div> 
      </div> 
      <div class="box-content"> 
             <div class="row"> 
        <div class="col-sm-offset-3 col-sm-5" style="padding-top:40px;"><input type="text" class="form-control" placeholder="Marca Casa de marcat" name="marcacasa"></div> 
      </div> 
          <div class="row"> 
        <div class="col-sm-offset-3 col-sm-5" style="padding-top:20px;"><input type="text" class="form-control" placeholder="Model Casa de marcat" name="modelcasa"></div> 
      </div> 
          <div class="row"> 
        <div class="col-sm-offset-3 col-sm-5" style="padding-top:20px;"><input type="text" class="form-control" placeholder="Numar si data aviz" name="nraviz"></div> 
      </div> 
          <div class="row"> 
        <div class="col-sm-offset-3 col-sm-5" style="padding-top:20px;"><input type="text" class="form-control" placeholder="Data de achizitie" name="dataach"></div> 
      </div> 
          <div class="row"> 
        <div class="col-sm-offset-3 col-sm-5" style="padding-top:20px;"><input type="text" class="form-control" placeholder="Configuratie" name="config"></div> 
      </div> 
          <div class="row"> 
        <div class="col-sm-offset-3 col-sm-5" style="padding-top:20px;"><input type="text" class="form-control" placeholder="Serie Casa" name="seriecasa"></div> 
      </div> 
          <div class="row"> 
        <div class="col-sm-offset-3 col-sm-5" style="padding-top:20px;padding-bottom:52px;"><input type="text" class="form-control" placeholder="Serie Fiscala" name="seriefiscala"></div> 
      </div> 
      </div> 
     </div> 
    </div> 
</div> 
<div class="row"> 
    <div class="col-xs-12"> 
     <div class="box"> 
      <div class="box-header"> 
       <div class="box-name"> 
        <i class="fa fa-search"></i> 
        <span>Datele Persoanei de</span> 
       </div> 
       <div class="box-icons"> 
        <a class="collapse-link"> 
         <i class="fa fa-chevron-up"></i> 
        </a> 
        <a class="expand-link"> 
         <i class="fa fa-expand"></i> 
        </a> 
        <a class="close-link"> 
         <i class="fa fa-times"></i> 
        </a> 
       </div> 
       <div class="no-move"></div> 
      </div> 
      <div class="box-content"> 
             <div class="row"> 
        <div class="col-sm-offset-3 col-sm-5"><input type="text" class="form-control" placeholder="Persoana de contact" name="perscon"></div> 
      </div> 
          <div class="row"> 
        <div class="col-sm-offset-3 col-sm-5" style="padding-top:20px;"><input type="text" class="form-control" placeholder="Functie" name="functie"></div> 
      </div> 
          <div class="row"> 
        <div class="col-sm-offset-3 col-sm-5" style="padding-top:20px;"><input type="text" class="form-control" placeholder="Serie CI" name="serieci"></div> 
      </div> 
          <div class="row"> 
        <div class="col-sm-offset-3 col-sm-5" style="padding-top:20px;"><input type="text" class="form-control" placeholder="CNP" name="CNP"></div> 
      </div> 
          <div class="row"> 
        <div class="col-sm-offset-3 col-sm-5" style="padding-top:20px;"><input type="text" class="form-control" placeholder="Eliberat de" name="eliberat"></div> 
      </div> 
          <div class="row"> 
        <div class="col-sm-offset-3 col-sm-5" style="padding-top:20px;"><input type="text" class="form-control" placeholder="Data eliberarii CI" name="dataeliberarii"></div> 
      </div> 
          <div class="row"> 
        <div class="col-sm-offset-3 col-sm-5" style="padding-top:20px;"><input type="text" class="form-control" placeholder="Telefon" name="telefon"></div> 
      </div> 
      </div> 
     </div> 
    </div> 
</div> 

<div class="col-sm-offset-5 col-sm-5"><button type="submit" name="submit" class="btn btn-success" value="1">Adauga</button></div> 
</form> 
<script type="text/javascript"> 
    WinMove(); 
</script>

来源

2017-07-18 Sorin Ilie

你的ajax请求的输出是什么？ – hallleron

不要重定向php –

从<form> 移除行动值，然后把e.preventDefault在jQuery的功能的第一行后尝试。这两项更改将解决您的问题。像这样：

$(function() { 
    $('#form').on('submit', function(e) { 
    e.preventDefault(); 
    $.ajax({ 
     type: 'post', 
     url: 'insert.php', 
     data: $('#form').serialize(), 
     success: function() { 
     alert("Introdus cu success!"); 
     } 
    }); 
    return false; 
    }); 
});

来源

2017-07-18 12:09:10

更好的评论，而不是一个答案 –

但答案是...... Himanshu有理由！ – Ciccio

一个衬里不是答案。它没有解释任何东西。如果您有一个行答案，最好提出意见 –

-1

没有一个提交项，尝试：

if(isset($_POST['data']))

来源

2017-07-18 12:10:57

提交按钮本身就是表单数据中的'submit'值。 – David

提交按钮本身提交的值为1。 –

更改您的JS代码下面。首先应该始终有e.preventDefault();。其次，由于通过AJAX从您提交，你应该return false：

$(function() { 
    $('#form').on('submit', function(e) { 
    e.preventDefault(); 
    $.ajax({ 
     type: 'post', 
     url: 'insert.php', 
     data: $('#form').serialize(), 
     success: function() { 
     alert("Introdus cu success!"); 
     } 
    }); 
    return false; 
    }); 
});

来源

2017-07-18 12:12:11

如果您从表单action属性它的工作。

<form id="form" method="post" name="form" class="form">

来源

2017-07-18 12:15:37 Ciccio

JS部分：

$(function() { 
    $('#form').on('submit', function(e) { 
    e.preventDefault(); 
    $.ajax({ 
     type: 'post', 
     url: 'insert.php', 
     data: $('#form').serialize(), 
     success: function() { 
     alert("Introdus cu success!"); 
     } 
    }); 
    return false; 
    }); 
});

而且也有不能现场submit，请尝试使用if(isset($_POST['data']))，然后你的代码进行检查。

来源

2017-07-18 12:35:15

无法提交表单到Php脚本

回答

相关问题