Question

我正在使用jquery-1.10.1，我的HTML代码是：

<li>
  <a href='' id='logout'>Log Out</a></li>
    <form id='logout_form' method='post'>
     <input type='hidden' name='logout' value='true' />
    </form>

我的jquery代码是在每个文档的末尾：

<script type="text/javascript">
$(function() {
    $("#logout").click(function(){
        $("#logout_form").submit();
    });
});
</script>

我的php代码是这样的：

if(!empty($_POST['logout'])){
    $object=new logout();
    $content='5;url='.$path.'index.php';
}

但我的表单提交无效。任何人都帮助我。

Answer 1

问题是href =''属性，将其删除

改变这个：

<a href='' id='logout'>Log Out</a>

为此：

<a id='logout'>Log Out</a>

你可以添加一些css以避免丢失指针光标

<style>
   a{cursor:pointer}
</style>

您可以而且应该更改div或span的锚点并添加一些css

更新：我使用的代码：

<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-9">
        <title></title>
        <script src="js/jquery.min.js"></script>
        <script>
            $(function() {
                $("#logout").click(function(){
                    $("#logout_form").submit();
                });
            });

        </script>
        <?php
        if (!empty($_POST['logout'])) {
            echo 'hola.<br>';
        }else{
            echo 'Wrong.<br>';
        }

        ?>
    </head>
    <a  id='logout'>Log Out</a></li>
<form id='logout_form' method='POST'>
    <input type='hidden' name='logout' value='true' />
</form>
</body>
</html>

点击退出后

Outpout：

hola 
Log Out

jquery表单提交不起作用

1 个答案: