<!doctype html>
<html>
<head>
<meta charset="utf-8">


<!-- meta para DWR -->
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta charset="UTF-8">
<link rel="stylesheet" href="/wp-content/themes/tempera-child/BuzonDCB/CSS/styleBuzonDCB.css">

<!-- Validación del lado del cliente con JavaScript -->
    <script type="text/javascript">
        function validateForm() {
			
            var nombre = document.forms["frmContacto"]["nombre"].value;//Nombre
			var telefono = document.forms["frmContacto"]["telefono"].value;//Telefono

            var nombre_pattern = /^[a-zA-ZáéíóúÁÉÍÓÚüÜñÑ ]*$/;
            if (!nombre_pattern.test(nombre)) {
				alert("El NOMBRE solo debe contener letras, acentos y espacios.");
				return false;  // Previene el envío del formulario si no es válido
			}

			var telefono_pattern = /^([\d\+\-\(\)\/\s]{1,25})?$/;
			if (!telefono_pattern.test(telefono)) {
				alert("El TELÉFONO no tiene un formato correcto\n•Puede utilizar (+##) para código del país\n•Dígitos, guiones y espacios para el código de área y el número local");
				return false;  // Previene el envío del formulario si no es válido
			}
			
			const patron = /^[^\s@]+@[^\s@]+\.[^\s@]+$/;		
			return patron.test(email);
        

        return true;  // Permite el envío si las validaciones son correctas
        }
    </script>

</head>


<body>
	<script language="javascript">
//window.status=no;
//window.personalbar[.visible = false];

var message="DERECHOS RESERVADOS";

///////////////////////////////////
function clickIE4(){
	if (event.button==2){
		alert(message);
		return false;
	}
}

function clickNS4(e){
if (document.layers||document.getElementById&&!document.all){
		if (e.which==2||e.which==3){
			alert(message);
			return false;
		}
	}
}

if (document.layers){
	document.captureEvents(Event.MOUSEDOWN);
	document.onmousedown=clickNS4;
	}
else if (document.all&&!document.getElementById){
	document.onmousedown=clickIE4;
	}
document.oncontextmenu=new Function("alert(message);return false")

</script>	<div id="wrapper">
	
		<div><H5>Estimado usuario: le invitamos a ingresar sus sugerencias, comentarios o quejas en el siguiente formulario. Con gusto las atenderemos a la brevedad.</H5></div>
		<br>
		<!-- Inicio del formulario, especificando el nombre del formulario, el método POST y el script de procesamiento sendbymail.php -->
		<form name="frmContacto" method="post" action="enviar-correo" onsubmit="return validateForm()">
			<!-- Inicio de la tabla que contiene los campos del formulario -->
			<table width="500px">
				<!-- Fila para el campo "Nombre" -->
				<tr>
					<!-- Etiqueta para el campo "Nombre" -->
					<td>
						<label for="nombre" class="texto">Nombre:</label>
					</td>
					<!-- Campo de entrada para el "Nombre" -->
					<td>
						<input type="text" name="nombre" maxlength="100" size="35">
					</td>
				</tr>

				<!-- Fila para el campo "Email" -->
				<tr>
					<!-- Etiqueta para el campo "Email" -->
					<td>
						<label for="email" class="texto">Dirección de correo electrónico: *</label>
					</td>
					<!-- Campo de entrada para el "Email" -->
					<td>
						<input type="email" name="email" maxlength="80" size="35" required />
					</td>
				</tr>

				<tr>
					

					<td>
					  <label class="texto">Elija el tipo de usuario:</label>
					</td>


					<td>
					  <div>

						<input type="radio" id="1" name="usuario" value="Estudiante" required />
						<label for="usuario1">Estudiante</label><br>

						<input type="radio" id="2" name="usuario" value="Académico" />
						<label for="usuario2">Académico</label><br>

						<input type="radio" id="3" name="usuario" value="Administrativo" />
						<label for="usuario3">Administrativo</label><br>

						<input type="radio" id="4" name="usuario" value="Externo" />
						<label for="usuario4">Externo</label>

					  </div>
					</td>

					
				</tr>

				<tr>
					<td>
						<label for="fecha" class="texto">Fecha:</label>
					</td>
					<td>
						 	
						<input type="datetime" id="fecha" name="fecha" maxlength="34" size="34" readonly value="Miercoles 08 de Abril del 2026">
					</td>
				</tr>
				
				<tr>
					<td>
						<label for="asunto" class="texto">Asunto: *</label>
					</td>
					<td>
						<select name="asunto" required>
							<option value="">Elija una opción</option>
							<option value="Consulta">Consulta</option>
							<option value="Comentario">Comentario</option>
							<option value="Queja">Queja</option>
							<option value="Sugerencia">Sugerencia</option>
							<option value="Solicitud o reporte">Solicitud o reporte</option>
							<option value="Otro">Otro</option>
						</select>
					</td>
				</tr>

				<!-- Fila para el campo "Número de teléfono" -->
				<!--<tr>
					<td>
						<label for="telefono" class="texto">Número de teléfono:</label>
					</td>
					<td>
						<input type="text" name="telefono" maxlength="25" size="15">
					</td>
				</tr>-->

				<!-- Fila para el campo "Comentarios" -->
				<tr>
					<!-- Etiqueta para el campo "Comentarios" -->
					<td>
						<label for="comments" class="texto">Describa brevemente el motivo de su mensaje: *</label>
					</td>
					<!-- Campo de texto para los "Comentarios" -->
					<td>
						<textarea name="comments" maxlength="500" cols="50" rows="5" required></textarea>
					</td>
				</tr>
				
				 <!-- Campo oculto para el token CSRF -->
				<input type="hidden" name="csrf_token" value="">

				<!-- Fila para el botón de enviar el formulario -->
				<tr>

					<!-- Botón de enviar -->
					<td colspan="2" style="text-align:right">
						<input type="submit" value="Enviar">
					</td>
				</tr>
			</table> <!-- Fin de la tabla del formulario -->

		</form> <!-- Fin del formulario -->
	</div> <!-- /wrapper -->

</body>
</html>{"id":1860,"date":"2025-06-02T10:54:52","date_gmt":"2025-06-02T16:54:52","guid":{"rendered":"https:\/\/dcb.ingenieria.unam.mx\/?page_id=1860"},"modified":"2025-06-03T10:48:53","modified_gmt":"2025-06-03T16:48:53","slug":"buzon-dcb","status":"publish","type":"page","link":"https:\/\/dcb.ingenieria.unam.mx\/index.php\/buzon-dcb\/","title":{"rendered":"Buz\u00f3n de la Divisi\u00f3n de Ciencias B\u00e1sicas"},"content":{"rendered":"\n","protected":false},"excerpt":{"rendered":"<p class=\"continue-reading-button\"> <a class=\"continue-reading-link\" href=\"https:\/\/dcb.ingenieria.unam.mx\/index.php\/buzon-dcb\/\">Continue reading<i class=\"crycon-right-dir\"><\/i><\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"templates\/template-onecolumn.php","meta":[],"_links":{"self":[{"href":"https:\/\/dcb.ingenieria.unam.mx\/index.php\/wp-json\/wp\/v2\/pages\/1860"}],"collection":[{"href":"https:\/\/dcb.ingenieria.unam.mx\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/dcb.ingenieria.unam.mx\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/dcb.ingenieria.unam.mx\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/dcb.ingenieria.unam.mx\/index.php\/wp-json\/wp\/v2\/comments?post=1860"}],"version-history":[{"count":1,"href":"https:\/\/dcb.ingenieria.unam.mx\/index.php\/wp-json\/wp\/v2\/pages\/1860\/revisions"}],"predecessor-version":[{"id":1861,"href":"https:\/\/dcb.ingenieria.unam.mx\/index.php\/wp-json\/wp\/v2\/pages\/1860\/revisions\/1861"}],"wp:attachment":[{"href":"https:\/\/dcb.ingenieria.unam.mx\/index.php\/wp-json\/wp\/v2\/media?parent=1860"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}