在提交之前检查ajax / jquery表单(检查值是否在数据库中)

时间:2011-03-29 14:56:43

标签: php jquery ajax

ajax尚未掌握我的主人。 我有两个表格字段 代码: 名称:

和提交按钮如:

<form><input type=text name=code><input type =text name=name/></form>

我想在php / jquery中检查用户填充的代码是否存在于我的db表中。 如果它没有退出,当用户离开textfield填充下一个时,我想打印一条消息:这个代码不在db中然后清理fied。直到用户提供valide代码。

2 个答案:

答案 0 :(得分:0)

我在http://jsfiddle.net/nickywaites/e4rhf/创建了一个简单的示例,它将显示您必须创建一个jQuery ajax post请求。

我对php并不太熟悉,因此我必须将其中的一部分放在一边,尽管你可以使用$ _POST [“Name”]的内容。

这是我用Google搜索的http://php4every1.com/tutorials/jquery-ajax-tutorial/的php示例,可能对您更好。

答案 1 :(得分:0)

如果您的php服务返回true或false进行验证。 并且错误的占位符是名为

的标签

然后一个例子(在jQuery中)将是

$(document).ready(function() {
  $("form").submit(function(e) {
    var code = $("input[name='code']");
    var error = $("#error");
    e.preventDefault();
    var form = this;
    $.getJSON('urlToPhp',
      { code: code.val() },
      function(valid) {
        if (!valid) {
          error.text(code.val() + ' is not found try another code...');
          code.val('');
        } else {
          form.submit();
        }
      }
    );

  });
});