Alert nao para Script

[Dexter Morgan 7]

Olá, estou tentando "parar" o usuario de enviar uma foto acima do permitido:

<script>
function verifica_imagem(){
myImage = new Image();
myImage.src = document.form.foto.value;
largura = parseInt(myImage.width);
altura = parseInt(myImage.height);

if(largura > 1000 || largura < 1000 || altura > 1000 || altura < 1000){

    alert("Imagem acima do limite permitido.");
    return false;

}
}
</script>

<?php

include "connection.php";

echo "<form onsubmit=\"verifica_imagem()\" id=\"form\" name=\"form\" action=\"cadastra-social\" method=\"post\" enctype=\"multipart/form-data\">";

echo "<table class=\"user-layout-big\" width=\"960\">";
echo "<tr>";
echo "<td width=\"15%\">Título</td>";
echo "<td width=\"30%\"><input class=\"input\" name=\"titulo\" type=\"text\" size=\"35\" maxlength=\"255\" required /></td>";
echo "<td width=\"15%\"><b>ATENÇÃO</b></td>";
echo "<td width=\"30%\"><font color=\"#cc0000\">Seu cadastro será avaliado dentro de 1 hora!</font></td>";
echo "</tr>";
echo "</table>";

echo "<br />";

echo "<table class=\"user-layout-big\" width=\"960\">";
echo "<tr>";
echo "<td width=\"10%\">Descrição</td>";
echo "<td colspan=\"3\"><textarea id=\"textarea\" class=\"input\" name=\"descricao\" cols=\"98\" rows=\"15\" border=\"1\"></textarea></td>";
echo "</tr>";
echo "</table>";

echo "<br />";

echo "<table class=\"user-layout-big\" width=\"960\">";
echo "<tr>";
echo "<td width=\"15%\">Foto de capa</td>";
echo "<td width=\"30%\"><input type=\"file\" id=\"foto\" name=\"foto\" /></td>";
echo "<td width=\"15%\"><b>Tamanho</b></td>";
echo "<td width=\"30%\"><font color=\"#cc0000\">Não envie fotos grandes acima de 1mb!</font></td>";
echo "</tr>";
echo "</table>";

echo "<br />";

echo "<table class=\"user-layout-big\" width=\"960\">";
echo "<tr>";
echo "<td width=\"10%\">Confirmação</td>";
echo "<td width=\"50%\"><input class=\"button\" type=\"submit\" value=\"Cadastrar\" />  <input class=\"button\" type=\"reset\" value=\"Resetar\" /></td>";
echo "</tr>";
echo "</table>";

echo "</form>";

?>

está funcionando até na hora que clico em cadastrar, ele mostra o alert, mas depois que clico em ok ainda faz o cadastro ... queria parar para o usuario selecionar outra foto menor ...

[ExtremsX 58]

jQuery:

$('#form').submit(function(e) {
    e.preventDefault(); // Tente usar isso que pode ajudar
    // Codigo aqui
    return false;
});

[Leonardo Silva_109261 6]

Olá amigo, bom dia.

 

No onsubmit coloque return antes do nome da função. Assim:

 

 

 
onsubmit='return validaform()'
 

 

Abraço.

[Dexter Morgan 7]

Opa vlw Leonardo Silva deu certo :joia: e obg tbm ExtremsX.