PHP - validar formularios con java script

Amigos: estoy trabajando con formularios y estoy validando los mismos, hasta ahora he logrado que los campos mas importantes no queden vacios pero me falta lo siguiente:

debo verificar que en un campo numérico no se carge una letra o una cadena
debo verificar que en un campo cadena no se carge un numero
debo verificar que en el mail se coloque el .com o el @

como puedo hacerlo?

//la funcion para validar que los campos
importantes no queden vacios

<script language="javascript">
function Validar(form)
{
//aqui no se debe cargar un numero
if (form.nombres.value == "")
{
alert("Por favor debes introducir tu nombre.");
form.nombres.focus();
return false;
}
//aqui no se debe cargar un numero
if (form.apellidos.value == "")
{
alert("Por favor debes introducir tu apellido.");
form.apellidos.focus();
return false;
}
//el mail debe tener .com y @
if (form.mail.value == "")
{
alert("Por favor debes introducir tu casilla de correo electronica.");
form.mail.focus();
return false;
}
//aqui no se debe cargar una letra
if (form.cedula.value == "")
{
alert("Por favor debes introducir tu cedula de identidad.");
form.cedula.focus();
return false;
}
else
{
form.submit();
}
}

//aquí esta mi formulario solamente utilizo una tabla dentro del mismo para acomodar mejor la informacion

<form action="../../insertar_personal.php" METHOD="POST">

<table border="0" cellpadding="0" cellspacing="0" summary="">

//nombre aqui no se deben cargar numeros
<tr> <td width="110" >Nombres </td> <td>: <input type="text"name="nombres" size="35" MAXLENGTH="30"></td> </tr>

//apellidos aqui no se deben cargar numeros
<tr> <td width="110" >Apellidos </td> <td>: <input type="text" name="apellidos" size="35" MAXLENGTH="30"></td> </tr>

//mail debe contener el @ y el .com
<tr> <td width="110" >Mail </td> <td>: <input type="text" name="mail" size="35" MAXLENGTH="50"></td> </tr>

//cedula no debe cargar letras
<tr> <td width="110" >Cedula </td> <td>: <input type="number" size="35"></td> </tr>

//botones
<button type="reset" >Limpiar</button>
<button type='button' onClick="Validar(this.form)" >Enviar</button>
</form>

//En donde no se carga numero pon lo siguiente

$n=form.nombres.value;
$x=$n-=&n;
if ($n=="0")
{
alert("Por favor debes introducir tu nombre.");
form.nombres.focus();
return false;
}
else
if ($n<>"0")
{
alert("Por favor debes introducir tu nombre.");
form.nombres.focus();
return false;
}
else
if ($n=="")
{
alert("Por favor debes introducir tu nombre.");
form.nombres.focus();
return false;
}
else

//En donde no se carga letra coloca lo siguiente

$s=form.cedula.value
$x=$s -=$s
}
else
if ($x=="")
{

form.cedula.focus();
alert('Para las filas coloca un Número entero');
return false;

}
else
if ($x<="0")
{

form.cedula.focus();
alert('Para las filas coloca un Número entero');
return false;
}

En donde deveve verificar si tiene @ o .com coloca lo siguiente

if ((!strchr($_POST['mail'],"@")) || (!strchr($_POST['mail'],".com")))
{
echo "<b>No es un correo válido</b><br>";
// Esta bandera se activa en false si no es un email válido
$valida = false;
}

Hey luego de que coloques todo este codigo y te funcione me puedes regalar una copia de todo esto de enviar email

ok gracias porci alguna cosa se te ofrese ten mi correo [email protected]