0

<form id="formularioanadir" enctype="multipart/form-data">
titulo pelicula: <input type="text" id="atitulo" name="titulo"  value=""  required/><br>
director: <input type="text" id="adirector" value="" required /><br>
genero: <select id="agenero">
<?php
$consulta = "SELECT idGenero, genero
			FROM genero";
$res = $lnk->query($consulta);
while ($fila2 = $res->fetch_object()){?>
<option value="<?= $fila2->idGenero?>"><?= $fila2->genero?></option>
<?php } ?>
</select>
<br>
fecha:  <input type="text" id="afecha"  value="" required/>

<!--<input type="file" name="file" value="subir archivo">-->
</form>

Hola amigos tengo el siguiente codigo en el que trato de validar una ventana modal con jquery validate pero no se como hacerlo:

$( "#anadir" ).dialog({
        autoOpen: false,
        resizable: false,
        modal: true,
        buttons: {
        "Guardar": function() {     
            $("#formularioanadir").validate({
                //aqui si no valida iria el codigo patra mostrar
                               //en el formulario si valida entoces mandaria por post tal como 
                              //sigue
              });


            $.post("anadirPelicula.php", {
                titulo : $("#atitulo").val() ,
                director : $("#adirector").val() ,
                fecha: $("#afecha").val() ,
                idgenero: $("#agenero").val()
            },function(data,status){                
                $("#listar").html(data);
                $("#formularioanadir")[0].reset();
            })//get         

            $(this).dialog( "close" );                                              
                    },
        "Cancelar": function() {

                $(this).dialog( "close" );

        }



        }//buttons
    });
2
  • Hola @trevol , te comento que para que tu respuesta sea bien aceptada por la comunidad coloque algún ejemplo de lo que tienes , no solo el jquery también el html para que te puedan ayudar de mejor manera y si es posible , haz un ejecutable con el snnipet de stack. Mira este link para que puedas entender mejor Como Preguntar. el 2 abr. 2018 a las 12:38
  • Ya he añadido el html
    – trevol
    el 2 abr. 2018 a las 13:15

1 respuesta 1

0

Puedes utilizar el evento create del dialog para poder hacer la validación

$( '#anadir' ).dialog({
    autoOpen: true,
    modal: true,
    //Utilizas la función create
    create : function(){
        $( '#formularioanadir' ).validate({
                rules: {
                    atitulo: { required: true },
                    adirector: { required: true },
                    afecha: { required: true}
                },

                submitHandler: function( form ) {
                    $( this ).dialog( 'close' );

                    // ... Aquí pones el Ajax 

                } //fin submitHandler
            }); 
    },
    buttons: {
        'Create': function() {
    $("#formularioanadir").valid();
        //fin validate()
        },
        Cancel: function() {
            $( this ).dialog( 'close' );
        }
    } //fin buttons
}); //fin Create Form Modal
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<script
  src="https://code.jquery.com/ui/1.12.1/jquery-ui.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/jquery.validate.js"></script>

<link rel="stylesheet" href="https://code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css" />

<div id="anadir" title="Añadir nueva pelicula">
<form id="formularioanadir" enctype="multipart/form-data">
    titulo pelicula: <input type="text" id="atitulo" name="atitulo"/><br>
director: <input type="text" id="adirector" name="adirector"/><br>
genero: <select id="agenero">
</select>
<br>
fecha:  <input type="text" id="afecha"  name="afecha" value=""/>
</form>
</div>

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge you have read our privacy policy.

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.