我们如何在特定范围或div中显示数据库中的值

时间:2014-07-10 18:35:11

标签: javascript php jquery ajax

我想在提交表单之前检查我已经输入的值表单数据库 我有代码,它在文本框中显示结果如何可能以div或span显示结果。 我的代码如下: 我的第一个文件category.php有脚本和html表单

脚本

<script src="jquery.min.js"></script>
<script type="text/javascript">
    $(function() {
        $("#id").keyup(function() {
            $.ajax({
                type : "POST",
                url : "dbscript2.php",
                data : "id=" + $("#id").val(),
                success : function(html) {

                    $("#message").val(html);

                }
            });
        });
    });
</script>

html表单是:

 <form method="POST" action="gcd.php">
    <p>
        <label>Category:</label>
        <input type="text" name="category" id="id" tabindex="1" />
    </p>
    <p>
        <div id="mes"></div>
        <input type="text" name="new" id="message" tabindex="2" />
    </p>
    <p>
        <input type="submit" name="submit" id="submit" value="Save" />
    </p>
</form>

和最后一个php文件消息dbscript2.php

<?php
    include "config.php";
    $id = $_POST['id'];
    $q=mysql_query("select * from category where category   ='$id'");
    $num=mysql_num_rows($q);
    if($num==0)
        echo "";
    else
    {
        echo "This Category already Entered";
    }
?>

1 个答案:

答案 0 :(得分:0)

由于您分享的实际代码中存在多个错误以及您获得的答案,请让我把它放在这里

HTML表单

<form method="POST" action="gcd.php">
    <p>
        <label>Category:</label>
        <input type="text" name="id" id="id" tabindex="1" />
    </p>
    <p>
        <div id="mes"></div>
        <input type="text" name="message" id="message" tabindex="2" />
    </p>
    <p>
        <input type="submit" name="submit" id="submit" value="Save" />
    </p>
</form>

您希望将数据插入div的核心代码

$("#mes").text(html);

请注意,您从php脚本返回的值,而不是某些HTML。因此,最好将您的预期返回值重命名为其他标识符mydata

 $("#mes").text(mydata);

如果您正在寻找别的东西,请告诉我。

根据OP的进一步查询更新

请阅读jquery API文档,它会让您了解支持的函数http://api.jquery.com/

对于您的具体问题,是的,您可以使用以下调用隐藏或显示特定的div:

//检查您的情况并相应地显示或隐藏div

$("#mydiv").show();

$("#mydiv").hide();