
<html>
<head> 
<title></title>
<script>
function validarEmail(valor) {
      re=/^[_a-z0-9-]+(.[a-z0-9-]+)*@[a-z0-9-]+(.[a-z0-9-]+)*(.[a-z]{2,3})$/
      if (!re.exec(valor)){
          return false;
}else{
      return true;
}
}


function nif(dni) {
  numero = dni.substr(0,dni.length-1);
  let = dni.substr(dni.length-1,1);
  let = let.toUpperCase();
  numero = numero % 23;
  letra='TRWAGMYFPDXBNJZSQVHLCKET';
  letra=letra.substring(numero,numero+1);
  if (letra!=let) 
    alert('Dni erroneo');
}


function validacion() {
email = document.getElementById("email").value;
if (!validarEmail(email)) alert("Email erroneo")
dni = document.getElementById("dni").value;
nif(dni);

valor=document.getElementById("nombre").value;
if(valor == null || valor.length == 0 || /^\s+$/.test(valor) ) {
   alert("Rellena el nombre");
}
valor=document.getElementById("apellidos").value;
if(valor == null || valor.length == 0 || /^\s+$/.test(valor) ) {
   alert("Rellena apellidos");
}

valor=document.getElementById("direccion").value;
if(valor == null || valor.length == 0 || /^\s+$/.test(valor)){
   alert("Rellena direccion");
}

valor=document.getElementById("cp").value;
if(isNaN(valor) ) {
  alert("Rellena el C.P.");
}

indice = document.getElementById("localidad").selectedIndex;
if(indice == null || indice == 0 ) {
  alert("Selecciona localidad");
}


opciones = document.getElementsByName("sexo");
var seleccionado = false;
for (var i=0; i<opciones.length; i++) {
    if(opciones[i].checked) {
       seleccionado = true;
       break;
    }
}
if(!seleccionado) {
  alert("Marca sexo");
}
elemento=document.getElementById("contrato");
if(!elemento.checked){
  alert("Acepta el contrato");
}
}


</script>
</head>
<body background="images2.jpg"><span id="liveclock" style="position:absolute;left:0;top:0;"></span>
   <script language="JavaScript" type="text/javascript">
    function show5(){
        if (!document.layers&&!document.all&&!document.getElementById)
        return

         var Digital=new Date()
         var hours=Digital.getHours()
         var minutes=Digital.getMinutes()
         var seconds=Digital.getSeconds()

        var dn="PM"
        if (hours<12)
        dn="AM"
        if (hours>12)
        hours=hours-12
        if (hours==0)
        hours=12

         if (minutes<=9)
         minutes="0"+minutes
         if (seconds<=9)
         seconds="0"+seconds
        //change font size here to your desire
        myclock="<font color='#ffffff' size='5' face='Arial' ><b><font size='1'>Hora actual:</font></br>"+hours+":"+minutes+":"
         +seconds+" "+dn+"</b></font>"
        if (document.layers){
        document.layers.liveclock.document.write(myclock)
        document.layers.liveclock.document.close()
        }
        else if (document.all)
        liveclock.innerHTML=myclock
        else if (document.getElementById)
        document.getElementById("liveclock").innerHTML=myclock
        setTimeout("show5()",1000)
         }


        window.onload=show5
         //-->
     </script>
<center>
<table bgcolor="#0000" style="width:1000px;height:200px">
<tr style="background-color:#0000">
<td style="border:0px solid;width:200px"><img src="METAL.JPG" style=width:300px;height:300px"></td>
<td style="border:0px solid;"><img src="images.jpeg" style=width:500px;height:300px"></td>
</tr>
</table>
<table bgcolor="#0000" style="Border:0px solid;width:1000px;height:100px">
<tr style="background-color:#00000">
<td style="border:0px background-color:#00000"><a style="CURSOR:url(http://cur.cursors-4u.net/symbols/sym-1/sym57.cur), progress !important;" href="index.html"><FONT FACE="winks" SIZE=6 COLOR=white><i>Inicio</i></td>
<td style="border:1px background-color:#00000"><a style="CURSOR:url(http://cur.cursors-4u.net/symbols/sym-1/sym57.cur), progress !important;" href="origenmetal.html"><FONT FACE="winks" SIZE=6 COLOR=white><i>Origen del metal</i></td>
<td style="border:0px background-color:#00000"><a style="CURSOR:url(http://cur.cursors-4u.net/symbols/sym-1/sym57.cur), progress !important;"  href="mitos.html"><FONT FACE="winks" SIZE=6 COLOR=white><i>Mitos</i></td>
<td style="border:0px background-color:#00000"><a style="CURSOR:url(http://cur.cursors-4u.net/symbols/sym-1/sym57.cur), progress !important;" href="grupos.html"><FONT FACE="winks" SIZE=6 COLOR=white><i>Grupos</i> </td>
<td style="border:0px background-color:#00000"><a style="CURSOR:url(http://cur.cursors-4u.net/symbols/sym-1/sym57.cur), progress !important;" href="contacto.html"><FONT FACE="winks" SIZE=6 COLOR=white><i>Contacto</i></td>
<td style="border:0px background-color:#00000"><a style="CURSOR:url(http://cur.cursors-4u.net/symbols/sym-1/sym57.cur), progress !important;" href="galeria.html"><FONT FACE="winks" SIZE=6 COLOR=white><i>Conciertos</i></td>
</table>
<table bgcolor="#0000" style="Border:0px solid;width:750px;height:100px">
<tr style="background-color:#00000">
<td><FONT face="purisa" SIZE=4 COLOR=white><b>CONTACTO</b>
<form action="ver.php" method=post>
<table>
<tr><td><Font face="purisa" Size=4 Color=white>Nombre:
       <input type=text size=10 id=nombre name=nombre></td>
 

</tr><tr>
<td><Font face="purisa" Size=4 Color=white>Apellidos:<input type=text size=10 id=apellidos name=apellidos></td>

</tr><tr>
<td><Font face="purisa" Size=4 Color=white>Direccion<input type=text size=10 id=direccion name=direccion></td>
</tr><tr>

<td><Font face="purisa" Size=4 Color=white>C.P:<input type=text size=10 id=cp name=cp value="Lucena"></td>
</tr><tr>
    <td><Font face="purisa" Size=4 Color=white>Localidad:
    <select name=localidad id=localidad>
    <option value=0>Elige Localidad</option>
    <option value="Lucena">Lucena</option>
    <option value="Benameji">Benameji</option>
    <option value="Cabra">Cabra</option>
    </select>
</td>
</tr><tr>    <td><Font face="purisa" Size=4 Color=white>Sexo:<Font face="purisa" Size=4 Color=white>
       Hombre: <input type=radio id=sexo name=sexo value="hombre">
<Font face="purisa" Size=4 Color=white>
Mujer:<input type=radio name=sexo value="mujer">
</td>
</tr>
<tr>
<td><Font face="purisa" Size=4 Color=white>Email:<input type="text" size=10 id=email name=email></td>

</tr>
<tr><Font face="purisa" Size=4 Color=white>DNI:<input type="text" size=10 id=dni name=dni></td>
 <tr/>

<td><br><br><Font face="purisa" Size=4 Color=white>Acepto los términos del contrato:</td>
<td><br><br>
<input type=checkbox id=contrato name=contrato value="acepto">
</td>
</tr>
<tr>    <td><br><br></td>
       <td><br><br>
       <input type=button value="ENVIAR" onclick="validacion()">

</form>
</td>
</tr>

</table>
<img src="tumblr_ni1s1gNtGc1ryfkpao1_400.gif" style="position:absolute; top:450px; left:620px; width:300px; height:250px"/>
</body>
</html>