Ajax发布Codeigniter验证表单数据

Question

我有一个ajax表单设置，我已经将字段传递给我的Codeigniter控制器进行处理。我的AJAX看起来是这样的：

... 
dataType : 'json', 
data : { 
    'name' : $('#name_recipe').val(), 
    'email' : $('#email').val(), 
    'town' : $('#town').val() 
}, success : function (data, status){ 
    if(data.status != 'error') { 
     $('#name').val(''); 
     $('#email').val(''); 
     $('#town').val(''); 
    } 
    $('#response').html('<p>'+data.msg+'</p>'); 
} 

，并在我的控制器我单独处理它们，例如：

if(empty($_POST['name'])) { 
    $status = "error"; 
    $msg = "The <b>Name</b> field is required."; 
} else { 
    $name = $_POST['name']; 
} 

echo json_encode(array('status' => $status, 'msg' => $msg)); 

然而，这种处理错误消息一个接一个，什么我真的想是将它们推入阵列，以便我可以一次显示它们。我会如何去做这件事？提前致谢。

Answer 1

首先，您应该使用codeigniters input对象访问您的表单变量。

我创建了一个数组来存储消息。如果遇到错误，则会将消息推送到阵列上。一旦所有检查完成，如果$msg数组大小大于零，我们知道发生了错误。

PHP

$msg = array(); 

$name = $this->input->post('name'); 
$email = $this->input->post('email'); 
$town = $this->input->post('town'); 

if (!$name) { 
    $msg[] = '<p>The <b>Name</b> field is required'; 
} 
if (!email || !filter_var($email, FILTER_VALIDATE_EMAIL)) { 
    $msg[] = '<p>The <b>Email</b> field is not valid'; 
} 
if (!$town) { 
    $msg[] = '<p>The <b>Town</b> field is required'; 
} 

$status = count($msg) ? 'error' : 'success'; 

echo json_encode(array('status' => $status, 'msg' => $msg)); 

Javascript语言，成功回调

在客户端，我们创建的每一个错误的无序列表，并追加，为#response。

var list = $('<ul />').appendTo($('#response').empty()); 
for (var e in data.msg) { 
    $('<li />', {text: data.msg[e]}).appendTo(list); 
} 

Answer 2

您的控制器：

# validate (recommend Ci validation) 
$msg = ''; 
if (!$name) $msg .= 'The name field is required<br />'; 
if (!email || !filter_var($email, FILTER_VALIDATE_EMAIL)) $msg .= 'The Email field is not valid <br />'; 
if (!$town) $msg .= 'The Town field is required<br />'; 

if($msg != '') exit($msg); 

# process 
$this->my_model->process(); 

exit('success'); 

JS：

... 
success : function (data) { 
    if(data == 'success') { 
     $('#name').val(''); 
     $('#email').val(''); 
     $('#town').val(''); 
    } else { 
     $('#response').html(data); 
    } 
}