Error when uploading photo

I have a function:

 if (confirm("Photo Not Updated, it will be uploaded without updating")) {
    document.fm1.submit();
 return false;
} 

the ok is accepted, it executes perfectly if the ok is not accepted, it goes to the next step the problem is that at the end of the function, it asks me again: “Photo Not Updated, it will be uploaded without updating”, the truth is, if someone can help me to help.

I leave the script

<script>
function Entrar(){

  if (confirm("Foto No Actualizada, se subira sin actualizar")) {
    document.fm1.submit();
 return false;
}

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

document.fm1.submit();
}
 
</script>

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

The snippet itself looks fine. Could you post the full function please, or provide a codepen that reproduces the problem?

@ycaires123: when you post code on the forums, you need to format it so it will display correctly.

You can highlight your code, then use the </> button in the editor window, or you can place three backticks ``` (top left key on US/UK keyboards) on a line above your code, and three on a line below your code. I find this approach easier, but unfortunately some European and other keyboards don’t have that character.

(I’ve edited your post above to format the code for you.)

Probably also going to need the form tag as well, because the function is calling submit on the form.


<!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">
 
    <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;
}

  if (confirm("Foto No Actualizada, se subira sin actualizar")) {
 document.fm1.submit();   
 return false; 
 
} 

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

</head>
<body>

<!-- Menú -->

<?php

 include 'menu.html';

?>


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

<!-- Linea 1 del Formulario -->

<div class="container mt-3">
  <h2>Registro de Colaboradores</h2>
  <p>Por favor rellene el formulario de forma completa:</p>
      <form action="regcolaborador.php"  method="post" name="fm1" enctype="multipart/form-data" >
      
    <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" placeholder="Nombre">
      </div>
      <div class="col">
       <input type="text" class="form-control" data-placement="right" name="apellido" placeholder="Apellido">
      </div>
      
       <div class="col">
      <select class="form-control" data-placement="right" name="cedula" placeholder="Cedula" >
	  <option value="0" 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" 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"> Masculino </label>
      <input type="radio" data-toggle="tooltip" data-placement="right"  name="sexo" value="Femenino"> 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"  placeholder="dd/mm/aaaa">
      </div>
      
       <div class="col">
      <select class="form-control" data-toggle="tooltip" data-placement="right" name="civil">

<option value="0" selected>Seleccione Estado 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="0" selected>Seleccione Estudios</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="0" selected>Seleccione 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" 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" placeholder="Email: mdacosta@gmail.com">
      </div>
      
       <div class="col">
      <select class="form-control" data-toggle="tooltip" data-placement="right" name="cargo" >

<option value="0" selected>Seleccione 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" 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" 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..."></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">
       
          <center><img id="imagenFondo"  style="height: 160px;width: 150px;" border-color: #92a8d1; s src="imagenes/camara.jpg"></center>
     
      </div>
     
   
      </div>
      <br>
  
      <center>
       <div class="form-group">         
       <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>

I uploaded the cogo please if you can check it thanks

it has the label the form is fm1 and it uploads it to a php file, the problem is in the structure that must ask the question only once and it seems that it nests it with the others that follow

function Entrar(){

if (confirm("Foto No Actualizada, se subira sin actualizar")) {
 document.fm1.submit();   
 return false; 
 
} 

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

botton:

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

problem php-file

<!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">
 
    <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;
}
// problem ...............................problem..............................problem........................
 if (confirm("Foto No Actualizada, se subira sin actualizar")) {
 document.fm1.submit();   
 return false; 
 
} 

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

</head>
<body>

<!-- Menú -->

<?php

 include 'menu.html';

?>


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

<!-- Linea 1 del Formulario -->

<div class="container mt-3">
  <h2>Registro de Colaboradores</h2>
  <p>Por favor rellene el formulario de forma completa:</p>
      <form action="regcolaborador.php"  method="post" name="fm1" enctype="multipart/form-data" >
      
    <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" placeholder="Nombre">
      </div>
      <div class="col">
       <input type="text" class="form-control" data-placement="right" name="apellido" placeholder="Apellido">
      </div>
      
       <div class="col">
      <select class="form-control" data-placement="right" name="cedula" placeholder="Cedula" >
	  <option value="0" 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" 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"> Masculino </label>
      <input type="radio" data-toggle="tooltip" data-placement="right"  name="sexo" value="Femenino"> 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"  placeholder="dd/mm/aaaa">
      </div>
      
       <div class="col">
      <select class="form-control" data-toggle="tooltip" data-placement="right" name="civil">

<option value="0" selected>Seleccione Estado 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="0" selected>Seleccione Estudios</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="0" selected>Seleccione 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" 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" placeholder="Email: mdacosta@gmail.com">
      </div>
      
       <div class="col">
      <select class="form-control" data-toggle="tooltip" data-placement="right" name="cargo" >

<option value="0" selected>Seleccione 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" 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" 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..."></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">
       
          <center><img id="imagenFondo"  style="height: 160px;width: 150px;" border-color: #92a8d1; s src="imagenes/camara.jpg"></center>
     
      </div>
     
   
      </div>
      <br>
  
      <center>
       <div class="form-group">         
       <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>

Off Topic:

Are you having difficulty following my instructions to format your code, @ycaires123? You’ve quoted my post, but you are still posting unformatted code which does not display correctly.

I have now formatted all your code, but please make sure you do this yourself in future.

1 Like

Okay well, #1 Notepad++ tells me you’ve got some unclosed tags somewhere, because it indents this file badly. But we’ll gloss that for the moment.

#2: Why are we loading multiple versions of bootstrap? You should only need to load the latest version of the bundle (assuming you need functions from popper) or min (if you don’t). Not both, and not 5.0 and 5.0.2 at the same time.

#3: I can’t reproduce the issue. The code does exactly what it should do for me…

This topic was automatically closed 91 days after the last reply. New replies are no longer allowed.