Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
Não consigo validar meu formulário corretamente utilizando a funcao remote do plugin jquery validate
Ps também estou usando o plugin uploadif para upload de fotos..
código js:
<script type="text/javascript" src="<?php echo $GLOBALS['js']?>JQuery-1.4.4.js"> </script>
<!--Layout do site-->
<link href="<?php echo $GLOBALS['css']?>layout.css" rel="stylesheet" type="text/css" />
<link href="<?php echo $GLOBALS['css']?>admin.css" rel="stylesheet" type="text/css" />
<link href="<?php echo $GLOBALS['css']?>formulario.css" rel="stylesheet" type="text/css" />
<!--Arquivos para o upload de fotos-->
<script type="text/javascript" src="<?php echo $GLOBALS['url']?>lib/upload/js/jquery.uploadify.js"></script>
<link type="text/css" href="<?php echo $GLOBALS['url']?>lib/upload/uploadify/uploadify.css" rel="stylesheet" />
<!--Arquivos para validacao de formulario-->
<script type="text/javascript" src="<?php echo $GLOBALS['js']?>JqueryValidate/jquery.validate.min.js"> </script>
<script type="text/javascript" src="<?php echo $GLOBALS['js']?>JqueryValidate/maskedin.js"> </script>
<script type="text/javascript">
$(document).ready(function() {
$("#fileUpload").fileUpload({
'uploader': '<?php echo $GLOBALS['url']?>lib/upload/uploadify/uploader.swf',
'cancelImg': '<?php echo $GLOBALS['url']?>lib/upload/uploadify/cancel.png',
'script': '../../lib/upload/uploadify/uploadloja.php',
'scriptData' : {'tipo':'categoria'},
'buttonText': 'Selecione as fotos',
'displayData': 'speed',
'fileDesc': 'Image Files',
'fileExt': '*.jpg;*.jpeg;*.gif;*.png',
'removeCompleted' : false,
'multi': false,
'auto': false
});
$("#formulario").validate(
{
// Define as regras
rules:
{
nome:{required: true, minlength: 2, maxlength: 45},
//nome:{remote: 'lib/formulario/validacao/valida-categoria.php'},
categorias:{required: true},
situacao:{required: true}
},
// Define as mensagens de erro para cada regra
messages:
{
nome:{required: "Campo requerido", minlength: "Digite no mínimo 2 caracteres", maxlength: "Digite no máximo 45 caracteres"},
// nome:{remote: "Já existe uma categoria com este nome"},
categorias:{required: "Campo requerido"},
situacao:{required: "Campo requerido"}
}
});
$('#Enviar').click(function() {
if($("#formulario").valid())
{
$('#fileUpload').fileUploadStart();
}
});
$('#Limpar').click(function() {
$("#formulario")[0].reset();
$('#fileUpload').fileUploadClearQueue();
});
});
</script>
<form action="" method="post" id="formulario" class="admin" > <fieldset id="dados"> <legend>Dados da Categoria</legend> <label for="nome" id="lnome"><span>Nome</span></label> <input type="text" name="nome" id="nome" maxlength='50' value="<?php echo $fabricante['nome'];?>"/> <label for="categorias" id="lcategorias"><span>Categoria Pai</span></label> <select name="categorias"> <option value="0" selected>Nenhuma</option> <?php foreach ($lista as $var) { ?> <option value="<?php echo $var[id]?>"> <?php echo $var[nome] ?></option> <?php } ?> </select> <label for="situacao" id="lsituacao"><span>Situação</span></label> <select name="situacao"> <option value="0" selected>Habilitada</option> <option value="1">Desabilitada</option> </select> <label for="naopreencha" id="lnaopreencha">Não preencha este campo</label> <input type="text" name="naopreencha" id="naopreencha" maxlength='50' value=""/> <h2>Inserir imagem</h2> <input id="fileUpload" name="fileUpload" type="file" /> </fieldset> <fieldset> <input type="submit" value="Enviar" id="Enviar" class="btn"/> <input type="submit" value="Limpar" id="Limpar"class="btn"/> </fieldset> </form>
$(document).ready(function() {
$("#fileUpload").fileUpload({
'uploader': 'lib/upload/uploadify/uploader.swf',
'cancelImg': 'lib/upload/uploadify/cancel.png',
'script': '../../lib/upload/uploadify/uploadloja.php',
'scriptData' : {'tipo':'categoria'},
'buttonText': 'Selecione as fotos',
'displayData': 'speed',
'fileDesc': 'Image Files',
'fileExt': '*.jpg;*.jpeg;*.gif;*.png',
'removeCompleted' : false,
'multi': false,
'auto': false
});
$("#formulario").validate(
{
// Define as regras
rules:
{
nome:{required: true, minlength: 2, maxlength: 45},
//nome:{remote: 'lib/formulario/validacao/valida-categoria.php'},
categorias:{required: true},
situacao:{required: true}
},
// Define as mensagens de erro para cada regra
messages:
{
nome:{required: "Campo requerido", minlength: "Digite no mínimo 2 caracteres", maxlength: "Digite no máximo 45 caracteres"},
// nome:{remote: "Já existe uma categoria com este nome"},
categorias:{required: "Campo requerido"},
situacao:{required: "Campo requerido"}
}
});
$('#Enviar').click(function() {
if($("#formulario").valid())
{
$('#fileUpload').fileUploadStart();
}
});
$('#Limpar').click(function() {
$("#formulario")[0].reset();
$('#fileUpload').fileUploadClearQueue();
});
});
Não sei se o problema é conflito com outro plugin (acredito que nao, pois do contrario as outras funcoes nao funcionariam) ou qual problema que é
Carregando comentários...