表单不提交动作= PHP

时间:2014-10-23 20:07:21

标签: javascript php jquery html forms

所以...我在html页面中有一个表单,在提交中,将调用teste1.php,他将把表单fieds添加到mysql数据库中。问题是表单永远不会提交。我在这个页面上有两个表单(是的,我需要两个),但我不认为这是问题。

好的,这是我的表格:

<div id="apresentacao">
        <form  method="post" action="teste1.php" id="form" style="display:none">

            <div>
                <label for="nome">Nome:</label>
                <input class="form-control" placeholder="Não obrigatório" autofocus="autofocus" type="text" name="nome" id="nome" />
            </div>

            <div>
                <label for="email">* Email:</label>
                <input class="form-control" pattern="^\w+@[a-zA-Z_]+?\.[a-zA-Z]{2,3}$" placeholder="Ex: nome@gmail.com" type="email" name="email" id="email" /> 
            </div>

            <div>
                <label for="enderecoform">Endereço:</label>
                <input type="text" id="enderecoform" name="enderecoform" />
            </div>

            <div>
                <label for="latitude">Latitude</label>
                <input type="text" id="txtLatitude" name="txtLatitude" class="form-control" />
            </div>

            <div>
                <label for="longitude">Longitude</label>
                <input type="text" id="txtLongitude" name="txtLongitude" class="form-control" />
            </div>

            <div>
                <label for="data">Data:</label>
                <input class="form-control" type="text" name="" id="data" />
            </div>

            <div>
                <label for="crime">Crime:</label>
                    <select name="sexo" id="sexo" class="form-control" >
                        <option class="form-control" value="">Selecione...</option>
                        <option class="form-control" value="Assalto">Assalto</option>
                        <option class="form-control" value="Agressao1">Agressão física</option>
                        <option class="form-control" value="Agressao2">Agressão verbal</option>
                        <option class="form-control" value="Estupro">Estupro</option>
                        <option class="form-control" value="Invasão">Invasão à domicílio</option>
                        <option class="form-control" value="Latrocinio">Latrocínio</option>
                        <option class="form-control" value="Homicídio">Homicídio</option>
                        <option class="form-control" value="Furto">Furto</option>
                        <option class="form-control" value="Outros">Outros</option>
                    </select>
            </div>

            <div>
                <label for="textarea">Descrição:</label>
                <textarea maxlength = "150" cols="50" rows="2" class="form-control">
                </textarea>
            </div>

            <br />

            <div>
                <input type="reset" id="limpar" class="btn btn-info" name="limpar" value="Limpar" />
            </div>

            <div>
                <input type="submit" id="inserir" class="btn btn-success" name="inserir" value="Cadastrar" />
            </div>

        </form>
    </div>

这是我的php文件:

<?php

$endereco = $_REQUEST['enderecoform'];
$latitude = $_REQUEST['txtLatitude'] ;
$longitude = $_REQUEST['txtLongitude'];
//inserir(array("latitude","longitude"), array("1","1"), "crimes");

echo "$endereco";
echo "$latitude";
echo "$longitude";

?>

修改

当我点击提交按钮时,没有任何反应,它只是停留在同一页面上,就像那个按钮根本没有动作一样。此外,表单设置为“隐藏”原因,首先,我不想显示它,但页面上有两个按钮,一个设置为“阻止”,另一个设置为“隐藏”,所以用户决定它。

2 个答案:

答案 0 :(得分:0)

嗨,我认为两种形式并不重要。但最好不要这样做。

我猜您可以使用jquery命令解决问题。

  1. 将jQuery库添加到源代码中。
  2. 将提交按钮类型更改为按钮
  3. 将此属性添加到按钮代码中:onclick="javascript:$('#form').submit();"
  4. 我认为这可以解决您的问题。 为确保您的表单正常运行,您可以将此属性添加到表单代码中:onsubmit="return true;"

答案 1 :(得分:-1)

我认为没有办法通过一个提交按钮提交两个单独的表单。

您需要使用一些javascript来获取其他表单的内容。

还尝试使用$ _POST而不是$ _REQUEST变量

还要确保teste1.php与html文件位于同一文件夹中