Question

我有一个页面，我问他们邮政编码。虽然他们在完成5个邮政编码后立即填写表格，但它会检查我的数据库是否覆盖了该表格并在其附近显示支票或交叉标志，并将禁用提交。

总结一下。

将等待访客输入5位数的邮政编码（如果我们可以检查客户是否只输入数字，那将是一个加号而且很棒）
它将检查它是否被数据库覆盖（我不要求php部分。可能我们会将它作为POST发送到php文件）
如果它存在于数据库中，它将显示检查否则它将显示交叉，并且不允许提交表单。

我查了一些网站但找不到确切的解决方案。

谢谢

Answer 1

除了邮政编码文本框，src属性设置为不可见图像，您可能需要一个图像标记。然后在blur事件上执行ajax。

HTML：

<input type="text" id="zip" name="zip">&nbsp;<img id="imgconf" src="images/blank.png">

使用Javascript：

$('#zip').blur(function() {
   $.ajax({
     url: "script.php",
     type: "POST",
     data: "zip=" + $('#zip').val(),
     dataType: "text",
     success: function (data){
         if (data=="1"){
            $('#imgconf').attr("src", "images/correct.png");
         } else {
            $('#imgconf').attr("src", "images/wrong.png");
         }
       }
     });
});

对于数字验证，您可以使用相同的PHP脚本返回“1”以外的另一个标志，并将其显示在输入数据不是数字的另一个span元素中。只需在数据部分中添加另一个键值对。

Answer 2

您需要使用AJAX。 JQuery有一个内置的AJAX函数。在每个keyup事件中，您可以让它运行此AJAX函数。 PHP应返回1或0的值以使其变得容易。 1显然是匹配，0是不匹配。

$('#YourObjectID').keyup(function (event) {
    searchZips();
})

function searchZips()
{

    var myJSON = $.ajax({
        url: options.script + '?Q=' + curValue,
        type: 'POST',
        contentType: 'application/json',
        success: function (msg) {
            if(msg==="1"){
                // CODE TO SHOW YOUR X DIV
            }
        }

}

您还需要添加清除搜索功能，检查是否为null或空字符串等等，但这是应该让您前进的基础知识。我经常用这个。一旦掌握了它，它就非常有用。然后看看构建一个jQuery插件。一旦你可以完成上述功能，你可以将它构建成一个插件（有很多很酷的选项！）好运和快乐的编程。

如何使用jquery检查数据库中的字段并显示检查或交叉？

2 个答案: