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!!!!