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

Question

我有一页我问他们邮政编码。当他们正在填写表格后，他们完成了5个号码的邮政编码，它将检查它是否包括在我的数据库，并将显示支票或交叉标志在它附近，并将禁用提交。

总结一下。

1. 将等待访问者输入5位数字的邮政编码(如果我们可以检查客户是否只输入号码，这将是一个加号和很好的)
2. ，它将检查它是否包含在数据库中(我不要求php部件)。我们可能会将它作为POST发送到一个php文件)
3. ，如果它存在于数据库中，它将显示check，否则它将显示交叉，并且不允许提交表单。

我查了一些网站，但没有找到确切的解决办法。

谢谢

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插件。一旦您可以完成上述功能，您可以将其构建为一个插件(有大量的酷选项！)祝你好运，编程愉快。