confirm("Foto No Actualizada, se subira sin actualizar")

Buenas tardes tengo una función javascript denominada Entrar esta función verifica que campos esten completos es decir los input se encuentre rellenos, el porblema radica con un input type de foto, donde se le pregunta al usuario si no quiere actualizar la foto se sube el formulario sin actualizar dicha foto de lo contrario coloca una foto y luego se valida que sea jpg y el tamaño.
si el usuario dice subir sin actualizar el java funciona bien, pero cualdo dice cancelar para subir la foto, se vuelve preguntar que la foto no esta actualizar y lugo pregunta debe subir una foto, no deberia deberìa el usuario una vez cancelado subir la foto y enviar pero hasta para enviar prehunta nuevamente no logro encontrar el error. si alguien me puede ayudar que esto es solo lo que me falta

<script>
function Entrar(){

//Validar Correo
if(document.fm1.email.value==""){
alert("El Campo E-mail esta Vacio - Debe de Escribir un E-mail Valido");
return false;
}

var expr=/^([a-zA-Z0-9_\.\-])+\@(([a-zA-Z0-9\-])+\.)+([a-zA-Z0-9]{2,4})+$/;
if(!expr.test(document.fm1.email.value)){
alert("Error: La Direccion del E-mail es Incorrecta");
return false;
}

AQUI COMIENZA EL PROBLEMA

var confirmar = confirm("Foto No Actualizada, se subira sin actualizar")

if (confirmar) {
document.fm1.submit();
return true;

}

//Validar Selección de Imagen
if(document.fm1.imagen.value==""){
alert("Debe de subir un Archivo de Foto Ext: JPG");

return false;

}

//Validar la Extensión del archiqie que debe ser JPG

var expr=/\.jpg|jpeg $/i;
if(!expr.test(document.fm1.imagen.value)){
alert("Error: la Extension de la Foto debe ser JPG");
return false;
}

//Validar el tamaño de la Imagen
var expr=document.fm1.imagen.files[0].size;
if(expr>1000000){
alert("Debe de subir un Archivo NO mayor a 1MB (MegaByte)");
return false;
}

document.fm1.submit();
}

</script>

@ymanol Cuando estas activando esa función?

A lo mejor así funcione.

Saludos cuando actualizas la foto sigue haciendo la pregunda, no deberia deberia de enciar el archivo de una,

ymanol dijo:

Saludos cuando actualizas la foto sigue haciendo la pregunda, no deberia deberia de enciar el archivo de una,

Hacer clic para expandir...

cuando llamas a la funcion?

Cuando le dices que no quieres actualizar y hace click en ok, el formulario viaja hasta hay perfecto, pero cual haces click en canclear te pide la foto cargo la foto y envio el formulario de actualización pero me sale nuevamente la pregunta cuando le doy a enviar deberia de enviar retorna nuevamente al confirm

ymanol dijo:

Cuando le dices que no quieres actualizar y hace click en ok, el formulario viaja hasta hay perfecto, pero cual haces click en canclear te pide la foto cargo la foto y envio el formulario de actualización pero me sale nuevamente la pregunta cuando le doy a enviar deberia de enviar retorna nuevamente al confirm

Hacer clic para expandir...

Entonces parece que la función Entrar() se esta llamando de nuevo.

pero es que la funcion Entar es la función que activa las valiadaciones, si en el confirm pasa a los else y los ejecuta deberia d ellegar al final de la linea y remitir el formulario a menos que el final document.fm1.submit(); - no sea dicho final y falte algo o sobre algo que no creo ya que tengo 3 dias y he hecho de todo pero el final es el que envia el formulario y esta bien cuando se hace la pregunta que subira sin actualizar el usuario dice ok viaja perfecto.

<button type="button" class="btn btn-primary" value="Entrar" onClick="Entrar()">Enviar</button>
<button type="reset" class="btn btn-primary">Borrar</button>

Si no debería volver a salir el confirm, revisa que la función no se este llamando en otro lugar.

hay solo un CONFIRM, no entiendo y todo trabaja bien menos esta rutina lo otro es quitar el confirm y el usurio suba siempre una foto pero no es la idea, o otro es que la foto se carge en el
<input type="file" class="form-control" data-toggle="tooltip" data-placement="right" name="imagen"
onchange="preview_2(this);" > pero la verdad nose si se pueda hacer

Y no puedes solo verificar si el usuario selecciono una foto o no?
si le selecciono verificas las ext y el size y si no la subió solo continuar?

No porque hay otros input que no son select, sabras alfo de esto si se puede hacer:
colocar aqui el archivo y con esto no tendria problema ya qu ela imagen esta cargada
<input type="file" class="form-control" data-toggle="tooltip" data-placement="right" name="imagen"

ESTE ES EL ARCHIVO COMPLETO AQUI HAY VARIOS INPUT

<?php
SESSION_START();

if (!empty($_SESSION["user1"]) ){

?>

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8"/>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<?php

?>
<title>Bootstrap 5 - BASEd!!!</title>

<!-- CLink de Bootstrap -->

<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC" crossorigin="anonymous">
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0-beta1/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-giJF6kkoqNQ00vy+HMDP7azOuL0xtbfIcaT9wjKHr8RbDVddVHyTfAAsrekwKmP1" crossorigin="anonymous">

<!-- Los Estilos -->
<!-- Estilo del DFooter -->




<style>


footer {


padding: 20px;
color: white;

text-align: center;
}


/*solución final*/
html, body{
height:100%;
}

footer{
margin-top: -60px;
}
</style>




<script>
var outImage ="imagenFondo";
function preview_2(obj)
{
if (FileReader)
{
var reader = new FileReader();
reader.readAsDataURL(obj.files[0]);
reader.onload = function (e) {
var image=new Image();
image.src=e.target.result;
image.onload = function () {
document.getElementById(outImage).src=image.src;
};
}
}
else
{
// Not supported
}
}

</script>





<script>
function Entrar(){

// Validar el Nombre
if(document.fm1.nombre.value==""){
alert("El Campo Nombre, esta Vacio");
return false;
}

var letras="qwertyuiopasdfghjklñzxcvbnm QWERTYUIOPASDFGHJKLÑZXCVBNMáéíóúÁÉÍÓÚ";
var texto=document.fm1.nombre.value;
var bandera=true;

for(i=0;i<texto.length;i++){
ch=texto.charAt(i);
for(j=0;j<letras.length;j++){
if(ch==letras.charAt(j)){
break;
}

if(j==letras.length-1){
bandera=false;
break;
}
}
}

if(!bandera){
alert("El Campo Nombre, solo debe de Tener Letras");
return false;
}

// Validar el Apellido
if(document.fm1.apellido.value==""){
alert("El Campo Apellido, esta Vacio");
return false;
}

var letras="qwertyuiopasdfghjklñzxcvbnm QWERTYUIOPASDFGHJKLÑZXCVBNMáéíóúÁÉÍÓÚ";
var texto=document.fm1.apellido.value;
var bandera=true;

for(i=0;i<texto.length;i++){
ch=texto.charAt(i);
for(j=0;j<letras.length;j++){
if(ch==letras.charAt(j)){
break;
}

if(j==letras.length-1){
bandera=false;
break;
}
}
}

if(!bandera){
alert("El Campo Apellido, solo debe de Tener Letras");
return false;
}

// Validar tipo de Cedula

if(document.fm1.cedula.value=="0"){
alert("Dede Seleccionar Tipo de Cedula");
return false;

}

// Validar Número de Cedula
if(document.fm1.numero.value==""){
alert("El Campo Número de Cedula esta Vacio");
return false;
}

if(isNaN(document.fm1.numero.value)){
alert("El Campo Número de Cedula, debe de Contener Datos Numericos");
return false;
}

if(document.fm1.numero.value.length>8){
alert("El Campo Número de Cedula, no Puede Contener más de 8 Cifras");
return false;
}

if(document.fm1.numero.value.length<5){
alert("El Campo Número de Cedula, no puede menos de 5 cifras");
return false;
}

// Validar el Sexo
if(document.fm1.sexo[0].checked==false && document.fm1.sexo[1].checked==false){
alert("Debe de Seleccionar el Sexo")
return false;

}

//Validar Fecha de Nacimiento
if(document.fm1.fechanac.value==""){
alert("Debe de Seleccionar una Fecha de Nacimiento Valida");
return false;
}

// Validad el Estado Civil

if(document.fm1.civil.value=="0"){
alert("Dede Seleccionar Estado Civil");
return false;

}


// Validad Estudios
if(document.fm1.estudio.value=="0"){
alert("Dede Seleccionar, Estudio Realizado");
return false;

}


// Validar Profesión
if(document.fm1.profesion.value=="0"){
alert("Dede Seleccionar una Profesión");
return false;
}

//Validar teléfono
if(document.fm1.telefono.value==""){
alert("El Campo Teléfono No.1 esta Vacio");
return false;
}

valor = document.fm1.telefono.value;
if( !(/^\+\d{2}-\d{3}-\d{7}$/.test(valor)) ) {
alert("El Campo Teléfono No.1 esta mal Registrado");
return false;
}


//Validar Correo
if(document.fm1.email.value==""){
alert("El Campo E-mail esta Vacio - Debe de Escribir un E-mail Valido");
return false;
}

var expr=/^([a-zA-Z0-9_\.\-])+\@(([a-zA-Z0-9\-])+\.)+([a-zA-Z0-9]{2,4})+$/;
if(!expr.test(document.fm1.email.value)){
alert("Error: La Direccion del E-mail es Incorrecta");
return false;
}

// Validad Cargo
if(document.fm1.cargo.value=="0"){
alert("Dede Seleccionar, el cargo a Realizar (Contrato)");
return false;

}

//Validar Fecha de Ingreso
if(document.fm1.fechaing.value==""){
alert("Debe de Seleccionar una Fecha de Ingreso Valida");
return false;
}



// Validar Direccion Habitacion
if(document.fm1.direccion.value==""){
alert("El Campo Direccion de habitación esta Vacio");
return false;
}

var confirmar = confirm("Foto No Actualizada, se subira sin actualizar")

if(confirmar){

document.fm1.submit();

} else {

if(document.fm1.imagen.value==""){
alert("Debe de subir un Archivo de Foto Ext: JPG");
return false;
}

var expr =/\.jpg|jpeg $/i;
if(!expr.test(document.fm1.imagen.value)){
alert("Error: la Extension de la Foto debe ser JPG");
return false;
}

var expr = document.fm1.imagen.files[0].size;
if(expr > 1000000){
alert("Debe de subir un Archivo NO mayor a 1MB (MegaByte)");
return false;
}

document.fm1.submit();

}

}
</script>

</head>
<body>

<!-- Menú -->

<?php

include 'menu.html';

?>

<?php

$server = "localhost";
$usuario = "root";
$contraseña = "";
$bd = "colaboradores";


$conexion = mysqli_connect($server,$usuario,$contraseña,$bd)
or die ("error en conexión favor verificar la conexión");

$id= $_GET['id'];
//echo $Id;

$consulta = (mysqli_query($conexion,"SELECT * FROM basecolaboradores WHERE id = '$id' " ));


while ($extraer = mysqli_fetch_array($consulta))
{

$id=$extraer['id'];
$nombre=$extraer['nombre'];
$apellido=$extraer['apellido'];
$cedula=$extraer['cedula'];
$numero=$extraer['numero'];
$sexo=$extraer['sexo'];
$fechanac=$extraer['fechanac'];
$civil=$extraer['civil'];
$estudio=$extraer['estudio'];
$profesion=$extraer['profesion'];
$telefono=$extraer['telefono'];
$email=$extraer['email'];
$cargo=$extraer['cargo'];
$fechaing=$extraer['fechaing'];
$direccion=$extraer['direccion'];

$imagen=$extraer['imagen'];

}
?>




<!-- Sección del Body y Footer -->

<!-- Linea 1 del Formulario -->

<div class="container mt-3">
<h2>Edición de Colaboradores</h2>
<p>Por favor Edite los Campos que Considere:</p>
<form action="editarcolaboradores.php" method="post" name="fm1" enctype="multipart/form-data" >

<input name="id" type="hidden" class="form-control" value=<?php echo $id?> >

<div class="row">
<table width="1140" border="0">
<tr>
<td width="286"><b> Nombre:</b></td>
<td width="280"><b> Apellido:</b></td>
<td width="282"><b>Tipo de Cedula:</b></td>
<td width="274"><b>Número de Cedula:</b></td>
</tr>
</table>
<div class="col">
<input type="text" class="form-control" data-placement="right" name="nombre" value="<?php echo $nombre?> "placeholder="Nombre">

</div>
<div class="col">
<input type="text" class="form-control" data-placement="right" name="apellido" value="<?php echo $apellido?> "placeholder="Apellido">
</div>

<div class="col">
<select class="form-control" data-placement="right" name="cedula" "placeholder="Cedula" >
<option value="<?php echo $apellido?> selected>Seleccione Cedula</option>
<option value="V">Venezolana</option>
<option value="E">Extranjero</option>
</select>
</div>

<div class="col">
<input type="text" class="form-control" data-toggle="tooltip" data-placement="right" name="numero" value="<?php echo $numero?>" placeholder="Cedula#: 6321489" >
</div>
<br>

<!-- Lineas 2 del Formulario -->

<div class="container mt-3">
<div class="row">
<table width="1140" border="0">
<tr>
<td width="287"><b>Sexo:</b></td>
<td width="280"><b>Fecha de Nacimiento:</b></td>
<td width="282"><b>Estado Civil:</b></td>
<td width="273"><b>Estudios Realizados:</b></td>
</tr>
</table>
<div class="col">
<center>
<input type="radio" data-toggle="tooltip" data-placement="right" name="sexo" value="Masculino" <?php echo ($sexo== 'Masculino') ? "checked" : "" ; ?>/> Masculino </label>

<input type="radio" data-toggle="tooltip" data-placement="right" name="sexo" value="Femenino" <?php echo ($sexo== 'Femenino') ? "checked" : "" ; ?>/> Femenino </label>
</center>
</div>

<div class="col">
<input type="date" class="form-control" data-toggle="tooltip" data-placement="right" title="fecha de Nacimiento día/mes/año: 12/10/2015" data-placement="right" name="fechanac" value="<?php echo $fechanac?>" placeholder="dd/mm/aaaa">
</div>

<div class="col">
<select class="form-control" data-toggle="tooltip" data-placement="right" name="civil">


<option value="<?php echo $civil?>" selected><?php echo $civil?></option>
<option value="Soltero">Soltero</option>
<option value="Casado">Casado</option>
<option value="Viudo">Viudo</option>
<option value="Divorciado">Divorciado</option>
<option value="Concubinato">Concubinato</option>

</select>

</div>
<div class="col">

<select class="form-control" data-toggle="tooltip" data-placement="right" name="estudio">


<option value="<?php echo $estudio?>" selected><?php echo $estudio?></option>
<option value="Bachillerato">Bachillerato</option>
<option value="Tecnico">Tecnico Universitario</option>
<option value="Licencitura">Licenciatura</option>
<option value="Especialización">Especialización</option>
<option value="Maestria">Maestria</option>
<option value="Doctorado">Doctorado</option>

</select>
</div>
<br>


<!-- Lineas 3 del Formulario -->
<div class="container mt-3">
<div class="row">
<table width="1140" border="0">
<tr>
<td width="287"><b>Profesión</b></td>
<td width="282"><b>Teléfono:</b></td>
<td width="281"><b>Email:</b></td>
<td width="272"><b>Cargo a Ocupar:</b></td>
</tr>
</table>
<div class="col">

<select class="form-control" data-toggle="tooltip" data-placement="right" name="profesion" >
<option value="<?php echo $profesion?>" selected><?php echo $profesion?></option>
<option value="Contador">Contador</option>
<option value="Economista">Economista</option>
<option value="Administrador">Administrador</option>
<option value="Ingeniero">Ingeniero</option>
<option value="Abogado">Abogado</option>
<option value="Arquitecto">Arquitecto</option>
<option value="Publicitas">Publicita</option>


</select>

</div>

<div class="col">
<input type="text" class="form-control" data-toggle="tooltip" data-placement="right" name="telefono" value="<?php echo $telefono?>" placeholder="Tef: +58-412-8521496">
</div>

<div class="col">
<input type="text" class="form-control" data-toggle="tooltip" data-placement="right" title="Introduzaca su E-mail: pedroc@gmail.com" name="email" value="<?php echo $email?>" placeholder="Email: mdacosta@gmail.com">
</div>

<div class="col">
<select class="form-control" data-toggle="tooltip" data-placement="right" name="cargo" >

<option value="<?php echo $cargo?>" selected><?php echo $cargo?></option>
<option value="Asistente">Asistente</option>
<option value="Gerente">Gerente</option>
<option value="Ejecutivo">Ejecutivo</option>
<option value="CEO">CEO</option>
<option value="Abogado">Abogado</option>
<option value="Contador">Contador</option>
<option value="Analista">Analista</option>
</select>
</div>
<br>


<!-- Lineas 4 del Formulario -->
<div class="container mt-3">
<div class="row">
<table width="1140" border="0">
<tr>
<td width="288"><b>Fecha de Ingreso:</b></td>
<td width="282"><b>Direción de Habitación:</b></td>
<td width="280"><b>Subir Foto:</b></td>
<td width="272"><b>Foto del Colaborador:</b></td>

</tr>
</table>
<div class="col">

<input type="date" class="form-control" data-toggle="tooltip" data-placement="right" title="fecha de Ingreso día/mes/año: 12/10/2015" data-placement="right" name="fechaing" value="<?php echo $fechaing?>" placeholder="dd/mm/aaaa">
</div>

<div class="col">
<textarea cols="20" rows="6"class="form-control" name="direccion" data-toggle="tooltip" data-placement="right" title="Introduzaca su Dirección de Residencia" value="<?php echo $direccion?>" placeholder="Dirección de habitación - Urb: Lomas del Avila, Sector III - Calle: Santa Rita Residencias Mi Alama, Piso 5, Apto 5-A - Municipio Sucre-Estado Miranda..." ><?php echo $direccion?></textarea>
</div>

<div class="col">
<input type="file" class="form-control" data-toggle="tooltip" data-placement="right" name="imagen"
onchange="preview_2(this);" >




</div>

<div class="col">

<?php

$server = "localhost";
$usuario = "root";
$contraseña = "";
$bd = "colaboradores";
$conexion = mysqli_connect($server,$usuario,$contraseña,$bd)
or die ("error en conexión favor verificar la conexión");

$id= $_GET['id'];

$consulta = (mysqli_query($conexion,"SELECT * FROM basecolaboradores WHERE id = '$id' " ));
while ($extraer = mysqli_fetch_array($consulta))
{
$id=$extraer['id'];
$imagen=$extraer['imagen'];
?>

<center><img id="imagenFondo" style="height: 160px;width: 150px;" border-color: #92a8d1; s src="data:image/jpg;base64,<?php echo base64_encode($extraer['imagen']);?>"></center>

<?php
}

?>

</div>



</div>
<br>

<center>
<div class="form-group">

<button type="button" class="btn btn-primary" value="Entrar" onClick="Entrar()">Enviar</button>
<button type="reset" class="btn btn-primary">Borrar</button>
<br>
<br>
</div>
</div>
</center>
</div>
<!-- Image preview -->

</form>

<br>
<br>

<footer><font color="#000000">© Copr 2022 ADETEC - Todos los Derechos Reservados -</font></footer>
</div>



<!-- JavaScript Bundle with Popper -->

<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/js/bootstrap.bundle.min.js" integrity="sha384-MrcW6ZMFYlzcLA8Nl+NtUVF0sA7MsXsP1UyJoMp4YLEuNSfAP+JcXn/tWtIaxVXM" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.9.2/dist/umd/popper.min.js" integrity="sha384-IQsoLXl5PILFhosVNubq5LC7Qb9DXgDA9i+tQ8Zj3iwWAwPtgFTxbJ8NT4GN1R8p" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/js/bootstrap.min.js" integrity="sha384-cVKIPhGWiC2Al4u+LWgxfKTRIcfu0JTxR+EQDz/bgldoEyl4H0zUF0QKbrJ0EcQF" crossorigin="anonymous"></script>

<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0-beta1/dist/js/bootstrap.bundle.min.js" integrity="sha384-ygbV9kiqUc6oa4msXn9868pTtWMgiQaeYH7/t7LECLbyPA2x65Kgf80OJFdroafW" crossorigin="anonymous"></script>
<script type="module">
</script>


</body>

</html>

<?php
}else{

echo "<br>";echo "<br>";echo "<br>";echo "<br>";echo "<br>";
echo "<center><h3><strong>USTED NO TIENE PERMISO PARA ENTRAR AL SISTEMA</strong></h3</center>";

echo "<center><h3><strong>CONTACTE CON EL ADMINISTRADOR</strong></h3></center>";

echo "<center>";
echo "<br>";


echo "<a href='cerrar.php'><span class='glyphicon glyphicon-log-out'></span> <button type='button' class='btn btn-primary' </button> Cerrar </button></a>";
echo "</ul>";
echo "</div>";
echo "</nav>";
echo "<center>";

}

?>

Tienes que mostrar la imagen con <img src="imagen.jpg"> y si el usuario quiere editarla
cuando le de click activas un <input type="file"> oculto y cuando la imagen cargue la cambias
en <img src="imagen.jpg"> y listo.

A un <input type="file"> no puedes agregarle un value por defecto.

Estaba claro, con la imagen con el input file ya se descarga lo habia preguntado pero nadie daba respuesta, bueno seguire intentando haber como le doy vuelta gracias Yeltsin estamos en contaco

var confirmar = False;
var sinFoto = True;
function Entrar(){
if(sinFoto){
confirmar = confirm("Foto No Actualizada, se subira sin actualizar");
}
else{
confirmar = False;
}


if(confirmar){

document.fm1.submit();

} else {
sinFoto = False;
if(document.fm1.imagen.value==""){
alert("Debe de subir un Archivo de Foto Ext: JPG");
return false;
}

var expr =/\.jpg|jpeg $/i;
if(!expr.test(document.fm1.imagen.value)){
alert("Error: la Extension de la Foto debe ser JPG");
return false;
}

var expr = document.fm1.imagen.files[0].size;
if(expr > 1000000){
alert("Debe de subir un Archivo NO mayor a 1MB (MegaByte)");
return false;
}

document.fm1.submit();

}
}

Voy aprobar y te estoy diciendo

Amigo J0ss, peor mi brother ahorta bloque todas las validaciones es mas ni manda.

​

ymanol dijo:

Amigo J0ss, peor mi brother ahorta bloque todas las validaciones es mas ni manda.

​

Hacer clic para expandir...

Dejaste las variables confirmar y sinFoto afuera de la funcion?