jQuery ajax提交的服务器端验证

时间:2012-11-19 05:47:39

标签: php jquery

我正在使用jQuery ajax提交表单。我在不同的文件中编写了PHP代码,将表单数据插入到数据库表中。如何进行服务器端验证并显示相应的错误消息(例如,此字段不能为空)?我不知道如何解决这个问题。提交提交的jQuery函数如下

$('#form-add-button').click(function () {
   $.ajax({
      type: "POST",
      url: 'addemployee.php',
      data: $("#employee-form").serialize(),
      success: function (response) {
          showEmployeesData();
          initInputValues();
      },
      error: function (response) {
          alert('Error:' + response);
      }
  });
  return false;
});

1 个答案:

答案 0 :(得分:6)

在将数据插入数据库之前使用php验证数据如果验证中有错误,可以将错误消息编码为json并返回到ajax函数并显示消息

AJAX FUNCTION

$.ajax({
    type: 'post',
    url: 'lettersubscribe/subscribe',
    dataType: 'html',
    data:$("#subscribenewsletter").serialize(),
    success: function (html) {
        var result = jQuery.parseJSON(html);
        if(result.success == true){
            $("#subscribeBox").html('<span id="blacktext">TACK / THANKS FOR</span><span id="bluetext"> SIGNING UP!</span>');
        }else{
            $("#subscribe_result").html(result.error);
        }
    }
});

//PHP FUNCTION
function subscribe(){

    $msg = array();
    $msg['success'] = TRUE;

    if($_POST['emailid']){
        // Validate email id
    }else{
        $msg['email'] ="Invalid Email";
        $msg['success'] = false;
    }

    echo json_encode($msg);
}