la validation d'un formulaire à l'aide de javascript dans codeigniter

salut j'ai un jquery table remplir à partir datebase:

<?php 
$attributes = array('name' => 'users');
echo form_open('users/action',$attributes);?>
<table class="data display datatable" id="example">
<thead>
<tr>
<th>Username</th>
<th>Name</th>
<th>Nickname</th>
<th>Birthday</th>
<th>Sex</th>
<th>Address</th>
<th><input type="checkbox" id="select all"></th>
</tr>
</thead>
<tbody> 
<?php foreach($query->result_array() as $row): ?>
<tr class="even gradeC">
<td><?php echo anchor('users/details/'.$row['usrID'],$row['usrName']);?></td>
<td><?php echo $row['usrpFirstName'].' '.$row['usrpLastName'];?></td>
<td><?php echo $row['usrpNick'];?></td>
<td><?php echo $row['usrpBday'];?></td>
<td><?php echo $row['usrpSex'];?></td>
<td><?php echo $row['usrpAddress'];?></td>
<td><input type="checkbox" name="checkID[]" id="checkID" value="<?php echo $row['usrID'];?>" />
<label for="checkID"></label></td>
</tr>
<? endforeach; ?>
</tbody>
</table>
<input type="submit" name="Delete" id="Delete" value="Delete" class="btn btn-orange" />
<input type="submit" name="Edit" id="Edit" value="Edit" class="btn btn-orange" onclick="return validateForm()" />
<input type="submit" name="AddUser" id="Add User" value="Add User" class="btn btn-orange" />
</form>

comme vous pouvez le voir ci-dessous,, j'utilise checkID[] afin que je puisse obtenir tous les id de chaque utilisateur.
j'ai fait un onlick sur le bouton modifier afin qu'il vérifie si l'id est vide ou pas. heres mon js fonction

<head>
<script type="text/javascript">
function validateForm()
{
var x=document.forms["users"]["checkID[]"].value
if (x==null || x=="")
{
alert("Please select user to edit.");
return false;
}
}
</script>
</head>

le problème maintenant c'est qu'il sera toujours en alerte, même-je vérifier un utilisateur dans la table..

même j'utilise ceci:

<?php 
$attributes = array('name' => 'users' , 'onsubmit' =>"return validateForm()");
echo form_open('users/action',$attributes);?>
InformationsquelleAutor kester martinez | 2011-05-26
  1. 3

    document.forms["users"]["checkID[]"] vous donnera un tableau de tous les cases à cocher avec ce nom. Vous vous demandez pour la value de la matrice qui n'a pas de sens. Vous aurez besoin de les parcourir en boucle pour savoir si tout est vérifié par quelque chose comme ceci:

    function validateForm() {
var checkboxes = document.forms["users"]["checkID[]"];
for (var i = 0; i < checkboxes.length; i++) {
if (checkboxes[i].checked) {
return true;
}
}
alert("Please select a user to edit.");
return false;
}

    Je ne l'ai pas testé mais que le code devrait vous donner l'idée générale.

    • il fonctionne si j'ai deux utilisateurs dans une table, mais si la table a seulement 1 utilisateur, il sera toujours alerte que je n'ai pas cocher aucune case,,
    InformationsquelleAutor takteek