Estoy con un monton de formularios que los envio con ajax y tengo que hacer la validacion con jquery validation pero no me envia el formulario ni los datos.
Codigo jquery:
Código PHP:
$('#b').on('click',function(){
$("#peli").validate({
rules:{
sinopsis: {
required: true
},
pais: {
required: true
},
portada: {
required: true,
url: true
},
dvd:{
date: true
},
generos:{
required: true
},
estreno:{
date: true
}
},
messages: {
sinopsis:{
reuired: "Intrroduzca la sinopsis"
},
pais: {
required: "Selecciona el pais"
},
portada:{
irequired: "Introduzaca URl con la portada",
url: "URL no valida"
},
generos:{
required: "Introduzca uno o mas generos"
},
dvd:{
date: "Introduzca una fecha valida"
},
estreno:{
date: "Introduzca una fecha valida"
}
},
errorElement: "div",
submitHandler: function(){
datastring=$('#peli').serialize();
$.ajax({
type: "POST",
url: "<?=site_url('ADMIN/peliculas/add_pelicula')?>",
data: datastring,
dataType: 'html',
async: false,
success: function(datos){
$('#director').before(datos);
$('#peli').addClass('dialog');
$('#dire').removeClass('dialog');
}
});
}
});
});
Código PHP:
<form id="peli">
<fieldset>
<legend>Afegeix</legend>
<?=form_label('Título','titulo')?>
<input type="text" name="titulo" id="titulo" required><br />
<div id="s"></div>
<?=form_label('Sinopsis','sinopsis')?>
<textarea name="sinosis" id="sinosis"></textarea><br />
<?=form_label('País','pais')?>
<select name="pais" id="pais">
<?php foreach($paises as $pais){?>
<option value="<?=$pais->id?>"><?=$pais->pais?></option>
<?php }?>
</select><br />
<?=form_label('Data estreno','estreno')?>
<input type="date" name="estreno" id="estreno"><br />
<?=form_label('Salida DVD/BLUERAY','dvd')?>
<input type="date" name="dvd" id="dvd"><br />
<?=form_label('Portada','portada')?>
<input type="url" name="portada" id="portada"><br />
<?=form_label('Ggéneros','generos')?>
<select name="categorias[]" id="generos" multiple="multiple"></select>
<?=form_label('Añadir genero','genero')?>
<input type="text" id="genero" name="genero"><input type="button" id="b9" value="Añadir género"/><br />
<input type="button" id="b" value="Aceptar" disabled="diasbled"/>
</fieldset>
</form>