Foros del Web » Programando para Internet » Jquery »

Validar formulario con upload de imagenes con Jquery

Estas en el tema de Validar formulario con upload de imagenes con Jquery en el foro de Jquery en Foros del Web. Hola a todos, recientemente incorporé en un formulario un plugin jquery para subir imagenes y funciona muy bien pero tengo un inconveniente y es a ...
  #1 (permalink)  
Antiguo 03/09/2012, 00:45
 
Fecha de Ingreso: septiembre-2011
Mensajes: 17
Antigüedad: 12 años, 7 meses
Puntos: 0
Validar formulario con upload de imagenes con Jquery

Hola a todos, recientemente incorporé en un formulario un plugin jquery para subir imagenes y funciona muy bien pero tengo un inconveniente y es a la hora de validar los campos del formulario, estoy intentanto de integrar este validador: http://www.position-relative.net/creation/formValidator/demos/demoValidators.html

El problema que tengo es que no logro fusionar ambos, si me pueden dar una ayuda estaria muy agradecido.

El plugin para subir imagenes es este: http://dondedeportes.es/uploader-previewer/


Así es como yo intento (pero no sucede nada):

Código PHP:

<link rel="stylesheet" href="http://<?=$s_url?>/css/custom-theme/jquery-ui-1.8rc2.custom.css" type="text/css" />
<link rel="stylesheet" href="http://<?=$s_url?>/css/uploaderPreviewer.css" type="text/css" />
<link rel="stylesheet" href="http://<?=$s_url?>/css/validationEngine.jquery.css" type="text/css"/>


<script type="text/javascript" src="http://<?=$s_url?>/js/jquery-1.6.min.js"></script>

<script type="text/javascript" src="http://<?=$s_url?>/js/jquery-ui-1.8rc2.custom.min.js"></script>    
<script type="text/javascript" src="http://<?=$s_url?>/js/globalFunctions.js"></script>
<script type="text/javascript" src="http://<?=$s_url?>/js/uploaderPreviewer.js"></script>
<script type="text/javascript" src="http://<?=$s_url?>/js/itemForm.js"></script>

<script type="text/javascript" src="http://<?=$s_url?>/js/languages/jquery.validationEngine-es.js" charset="utf-8"></script>
<script type="text/javascript" src="http://<?=$s_url?>/js/jquery.validationEngine.js" charset="utf-8"></script>

    <title>UploaderPreviewer jQuery Plugin Demo</title>

</head>

<body>

    <h1>UploaderPreviewer jQuery Plugin</h1>

    <h2>Demo</h2>


<form id="formID">
        <label for="otherField">Other field:</label>
        <input type="text" id="otherField" value="Test value"  class="validate[required] text-input"/>
</form>


<script type="text/javascript">

(function($) {

$(document).ready(function() {


    if ($('div.imageForms').length) {
                
        $('div.imageForms').append($.uploaderPreviewer.createImageForms());        
    }    
    
        $('#buttonSave').click(function() 
        {
        var itemId = $(this).attr('itemId');
        
if ($('#formID').validationEngine()); return false;

        if (itemId) {
            $.itemForm.update(itemId);
        }
        else {
            $.itemForm.insert();
        }
    });

});

})(jQuery);

</script>


    <div class="imageForms"></div>

    <div class="buttonSave">
        <button id="buttonSave">Save</button>
    </div>

    <div>
        <label for="keywords">Keywords:</label>
        <input type="text" id="keywords" style="width: 400px;"
               value="keyword1, keyword2, keyword3, keyword4" />
        Field to test the descriptive image names from a keyword list. Separate
        the keywords by ','.
    </div>

Muchas gracias por su tiempo!!!!

Etiquetas: formulario, funcion, html, imagenes, input, javascript, js, upload
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 01:07.