Ajax formulaire de validation dans codeigniter

htfepb les gars,

J'ai travaillé sur ajax récemment, et j'ai un problème lors de l'utilisation avec codeigniter formulaire de validation de la bibliothèque. J'ai utilisé l'exemple de l'outil générer dans la fonction http://formtorch.geekhut.org/.
Maintenant, ajax fonctionne parfaitement et renvoyer les données correctement lorsque j'utilise json_encode() fonction avec les données factices, mais la validation dans l'exemple utilise validation de la bibliothèque au lieu de form_validation de la bibliothèque, ce qui semble être une version plus ancienne.

Pour que, la validation ne fonctionne pas avec ajax dans cet exemple, $this->form_validation->run() fonction ajax de retour pas de résultat, même si je me fais l'écho des données factices à l'aide de json_encode() dans le début de create_course().

quel est donc le problème avec la validation avec l'ajax, et m'expliquer comment les données envoyées par ajax reçu par le contrôleur.

c'est donc mon code:

    function create_course()
{   
        $this->form_validation->set_rules('course_code', 'course_code', 'trim|xss_clean|required');
        $this->form_validation->set_rules('name', 'name', 'xss_clean|required');
        //.. etc           
        if ($this->form_validation->run()) {            
            //validation ok
            $data['course_code'] = $this->form_validation->set_value('course_code');
            $data['name'] = $this->form_validation->set_value('name');
            //... etc
            if ($this->models_facade->create_course($user_id,$data))    {   //success
                    $data = array( 'profile_change' => $this->lang->line('profile_change'));
            } else {                    //fail 
                    $data = array( 'profile_change_error' => $this->lang->line('profile_change_error'));
            }
        }
        else
        {
            $data = array(
                    'course_code' => $this->form_validation->course_code_error, 
                    'name' => $this->form_validation->name_error
            );
        }        
        echo json_encode($data);
    }

et c'est l'Ajax de Jquery fonction

$(function(){
   $("#submit").click(function(){
        var course_code = $("#course_code").val(); 
        var name = $("#name").val(); 
        //etc          
        $.post("<?php echo base_url() ?>home/create_course",  course_code:course_code, name:name},
    function(data){
        function(data){
            alert(data.data);
            $("#course_code_error").html(data.course_code);
            $("#name_error").html(data.name);
        },'json');
   });
   return false;

});

OriginalL'auteur Khaled | 2011-04-03

3

Quelle version de Codeigniter utilisez-vous? Avez-vous pensé à la charge de la validation de la bibliothèque dans votre construction?
```
$this->load->library('form_validation');
```
'json' était le problème, il doit être "json"
c'est toujours un petit quelque chose 🙂

OriginalL'auteur tylerpenney
7

Plutôt que d'imprimer via "this->form_validation->xxxx_error", vous pouvez utiliser le Formulaire de la méthode d'assistance "form_error()" pour appeler les messages d'erreur.

De sorte que vous pouvez faire quelque chose comme..
```
$data = array(
                    'course_code' => form_error('course_code'), 
                    'name' => form_error('name')
            );
```
OriginalL'auteur ericbae
5

Vous pourriez aussi envisager de mettre la sortie type de contenu de l'en-tête de données JSON.
```
$this->output->set_content_type('application/json');
echo json_encode($data);
```
C'est une bonne astuce. Réglage du type de contenu est important de déterminer comment l'information est traitée.

OriginalL'auteur jjwdesign

Si vous effectuez une requête ajax, vous pouvez utiliser le validation_errors().
Lors de la validation de l'exécuter vais remplir le tableau de messages d'erreur.

Voici un exemple :

//Set your rules
$this->form_validation->set_rules('course_code', 'course_code', 'trim|xss_clean|required');
$this->form_validation->set_rules('name', 'name', 'xss_clean|required');

if ($this->form_validation->run()) {  
  //happy happy time
}
else { 
  //well now i'm sad...

  //Important to turn that off if it's on
  $this->output->enable_profiler(false); 

  $this->output->set_status_header('500');
  $this->output->set_content_type('application/json');

  echo json_encode(array(
      'error_msg' => validation_errors(),
  ));
}

Et puis sur le côté client, vous pouvez utiliser le type de réponse que :

error:function(data) {
    $("your-error-input-selector").html('').append(data.responseJSON.msg);
}

Espère que j'ai aidé même si je suis en 2 année de retard.

P. S Désolé pour mon mauvais anglais.

OriginalL'auteur Gabtheviking

****//view-path [application/views/myviews/myview2.php]****
<script src="<?php echo base_url('/jquery-1.9.1.min.js');?>"></script>
<script>
$(document).ready(function() {
$("#frm").on('submit',(function(e) {
e.preventDefault();
$.ajax({
url: $('#frm').attr('action'),
type: "POST",
data:  new FormData(this),
contentType: false,
cache: false,
processData:false,
success: function(data){
console.log(data);
data = JSON.parse(data);
if(data.st == 0)
{
$( ".error-message" ).remove();
var data1    = JSON.parse(data.msg); 
$('form :input').each(function(){                            
var elementName = $(this).attr('name');        
var message = data1[elementName];
if(message){
var element = $('<div>' + message + '</div>')
.attr({
'class' : 'error-message'
})
.css ({
display: 'none'
});
$(this).before(element);
$(element).fadeIn();
}
});
}
if(data.st == 1)
{
$('#validation-error').html(data.msg);
$( ".error-message" ).remove();
}
},
error: function(){}             
});
}));
});
</script>
<style>
.error-message{color:red;}
</style>
<?php echo form_open_multipart('ajaxcontroller/index', array('id'=>'frm')); ?>
<div id="validation-error"></div>
<h5>Username</h5>
<input type="text" name="username" value="<?php echo set_value('username'); ?>" size="50" />
<h5>Password</h5>
<input type="text" name="password" value="<?php echo set_value('password'); ?>" size="50" />
<h5>Password Confirm</h5>
<input type="text" name="passconf" value="<?php echo set_value('passconf'); ?>" size="50" />
<h5>Email Address</h5>
<input type="text" name="email" value="<?php echo set_value('email'); ?>" size="50" />
<h5>Profile Pic</h5>
<input type="file" name="image[]" value="" multiple=""/>
<div><input type="submit" value="Submit" /></div>
</form>
**//controller--[application/controllers/ajaxcontroller.php]****
<?php if ( ! defined('BASEPATH')) exit('No direct script access allowed');
class Ajaxcontroller extends CI_Controller {
function __construct()
{
parent::__construct();
}
function index()
{
if($_POST)
{        
$this->load->library('form_validation');
$this->form_validation->set_rules('username', 'Username', 'required|min_length[5]|max_length[12]');
$this->form_validation->set_rules('password', 'Password', 'required|matches[passconf]');
$this->form_validation->set_rules('passconf', 'Password Confirmation', 'required');
$this->form_validation->set_rules('email', 'Email', 'required|valid_email');
if (empty($_FILES['image']['name'][0])) {
$this->form_validation->set_rules('image[]', 'File', 'required'); 
}
if ($this->form_validation->run() == FALSE)
{
$errors = $this->form_validation->error_array(); //function in library : My_Form_validation            
echo json_encode(array('st'=>0, 'msg' => json_encode($errors)));
}
else
{
$username = $this->input->post('username');
$password = $this->input->post('password');
$email = $this->input->post('email');
if(is_array($_FILES)) {
foreach ($_FILES['image']['name'] as $name => $value){
if(is_uploaded_file($_FILES['image']['tmp_name'][$name])) {
$sourcePath = $_FILES['image']['tmp_name'][$name];
$targetPath = "images/".$_FILES['image']['name'][$name];
if(move_uploaded_file($sourcePath,$targetPath)) {
}
}
}
}
echo json_encode(array('st'=>1, 'msg' => 'Successfully Submiited'));
}
}
else
{
$this->load->view('myviews/myview2');
}    
}
}
**//library file -- path will be [application/libraries/MY_Form_validation.php]**
<?php
/**
* 
* Enter description here ...
* @return CI_Controller
*/
class MY_Form_validation extends CI_Form_validation
{
public function error_array()
{
return $this->_error_array;
}
}

utiliser le jquery url soit en ligne ou stockés sur votre ordinateur client en premier.
Merci pour votre réponse! Veuillez inclure une explication avec le code afin de fournir la meilleure réponse.

OriginalL'auteur Kuldeep Singh

Vous devez vous connecter pour publier un commentaire.