I'm not able to do form validation in this field that returns from ajax, function: validateVehicles (); How to validate checkboxes returning from ajax?
I have a main.php page where I declare the call by ajax, on this page I include "cadastroApplication.php"; which returns in main.php = > Select Assembler ...
call Ajax: function findModels () {var assembler = $ ('# assembler'). val (); if (assembler) {// alert ('getVeiculos.php? assembler =' + assembler); var url = 'getVeiculos.php? assembler =' + assembler; $ .get (url, function (dataReturn) {$ ('# checkVeicles'). html (dataReturn);}); }
Page code that returns ajax:
$montadora = ($_GET['montadora'] ? filter_var($_GET['montadora'], FILTER_VALIDATE_INT) : NULL);
$idVeic = (!empty($_GET['idVeic']) ? filter_var($_GET['idVeic'], FILTER_VALIDATE_INT) : NULL);
$sql = "SELECT * FROM INTEGRAPRODUTOS.fipeVeiculos v WHERE v.IDmontadoraFipe = {$montadora} ORDER BY v.nomeVeiculo ";
$res = mysql_query($sql, $con_local);
$num = mysql_num_rows($res);
$html = '';
if(mysql_num_rows($res) > 0){
while ($dados = mysql_fetch_assoc($res)){
//echo "<option value='{$dados_Subcategorias['codigo_subcategoria']}'>".utf8_encode($dados_Subcategorias[nome_subcategoria])."</option>";
if($dados[idVeiculo] == $idVeic){
?>
<div class='box'; > <input type="checkbox" checked class="<? echo utf8_encode($dados['nomeVeiculo'])?>" id="veiculo" value="<? echo $dados['idVeiculo']?>" name="modelos[]" onClick="document.getElementById('listarFipe').click();" /><? echo utf8_encode($dados['nomeVeiculo'])." "?> </div>
<?}
else {
?>
<div class='box'; > <input type="checkbox" class="<? echo utf8_encode($dados['nomeVeiculo'])?>" id="veiculo" value="<? echo $dados['idVeiculo']?>" name="modelos[]" onClick="document.getElementById('listarFipe').click();" /><? echo utf8_encode($dados['nomeVeiculo'])." "?> </div>
<?}
}
}
Validation if you have selected a checkbox of the page in ajax (this one in main.php):
<!-- validacao campos -->
<script type="text/javascript">
//validar veiculos selecionados
function validarVeiculos(){
d = document.form;
var ok = 0;
var ckbox = d.getElementsByName('modelos[]');
for (var i=0; i < ckbox.length; i++){
if(ckbox[i].checked == true){
ok = 1;
}
}
if(ok == 0){
alert('Selecione um veículo');
return false;
}
}
function validaForm(){
d = document.form;
if (d.codMenil.value.length == 0) {
alert("Digite um codigo");
var codMenil = d.getElementByName(codMenil);
d.codMenil.focus();
return false;
}
if (d.Referencia.value.length == 0) {
//alert("Digite uma Referencia");
var Referencia = d.getElementByName(Referencia); //Seleciona o campo com a ID "nome"
d.Referencia.focus();
return false;
}
if (d.grupoCategoria.value.length == 0) {
//alert("Selecione uma Categoria");
var grupoCategoria = d.getElementByName(grupoCategoria);
d.grupoCategoria.focus();
return false;
}
if (d.Subcategorias.value.length == 0) {
//alert("Selecione uma Subcategoria");
var Subcategorias = d.getElementByName(Subcategorias);
d.Subcategorias.focus();
return false;
}
if (d.montadora.value.length == 0) {
//alert("Selecione uma Montadora");
var montadora = d.getElementByName(montadora);
d.montadora.focus();
return false;
}
validarVeiculos();
document.form.submit();
}
I call the function that is inside
<input name="gravar" type="submit" value="Gravar" onclick="return validaForm()"/>