Problemas con validacion de formulario

[mitcheldaza]

Buen dia, hasta hora empiezo a aprender PHP y necesito realizar la validacion de un formulario usando javascript y php, usando una pagina php llamada escritor base ya realizo la validacion del lado del servidor, sin embargo quiero que antes de enviar la peticion se realize la validacion del lado del usuario con javascript(datos en todos los campos), he visto que se puede hacer, lo que se me ocurre y no he podido hacer es añadir un llamado a una funcion javascript en el evento onclick del boton, mismo evento que me llama a la validacion en php.
¿No se si se haga de esta manera pero es como se me ocurre? utilizo un boton y no un type submit para eliminar la situacion en que se presione en enter en un campo y se haga el envio automatico, cosa que ocurre con submit.
Agradezco de antemano cualquier idea.

Código HTML:

<form name="forma" action="escritorbase.php" method="post" >
			
INGRESE NOMBRES:
<input type="text" name="nombre"><br>
INGRESE APELLIDOS:
<input type="text" name="apellidos"><br>
INGRESE TELEFONO:
<input type="text" name="telefono"><br>
TIPO DE USUARIO:
<br>
<select name="usuario">
<option value="administrador">ADMINISTRADOR</option>
<option value="comprador">COMPRADOR</option>
</select>
<br>
<input type="checkbox" name="condiciones">Acepto las condiciones para el registro
	<!-- en este boton va el llamado a la pg php que valida de cuanta del servidor, falta la validacion en el nevegador usando javascript -->		
<input type="button" name="enviar" value="Registrar" onclick="forma.submit()" > 

[blakmetall]

Mas bien creo que este es tema de javascript.

Mira hice un codigo asi rapido para verificacion con javascript. lo checas.

Código Javascript:

<script type="text/javascript">
    function submitFunction(){
        var todoBien = true;
        
        var doc = document.forma;
        
        var nombres = doc.nombre.value;
        var apellidos = doc.apellidos.value;
        var telefono = doc.telefono.value;
        
        var mensaje = "";
        
        if( (nombres.match(/^[a-zA-Z ]+$/) == null) || nombres.length == 0){
            todoBien = false;
            mensaje = "- Nombre incorrecto.\n";
        }
        
        if( (apellidos.match(/^[a-zA-Z ]+$/) == null) || apellidos.length == 0){
            todoBien = false;
            mensaje += "- Apellidos incorrectos.\n";
        }
        
        if( (telefono.match(/^[0-9]+$/) == null) || telefono.length == 0){
            todoBien = false;
            mensaje += "- Telefono incorrecto.\n";
        }
        
        if(doc.condiciones.checked == false){
            todoBien = false;
            mensaje += "-Aceptar condiciones.\n";
        }
        
        if(!todoBien){
            alert(mensaje);
        }
        
        return todoBien;
    }
 
</script>
 

Código HTML:

<form name="forma" action="escritorbase.php" onsubmit="return submitFunction()" method="post" >
            
INGRESE NOMBRES:
<input type="text" id="nombre" name="nombre"><br>
INGRESE APELLIDOS:
<input type="text" id="apellidos" name="apellidos"><br>
INGRESE TELEFONO:
<input type="text" id="telefono" name="telefono"><br>
TIPO DE USUARIO:
<br>
<select name="usuario" id="usuario">
<option value="administrador">ADMINISTRADOR</option>
<option value="comprador">COMPRADOR</option>
</select>
<br>
<input id="condiciones" type="checkbox" name="condiciones">Acepto las condiciones para el registro
    <!-- en este boton va el llamado a la pg php que valida de cuanta del servidor, falta la validacion en el nevegador usando javascript -->       
<input type="submit" name="enviar" value="Registrar">
 
</form>
 

y para llamar la funcion cuando se da sumbit ya sea por click o por enter:

<form name="forma" action="escritorbase.php" onsubmit="return submitFunction()" method="post" >

[mitcheldaza]

Gracias por la respuesta, si embargo no es lo que busco, No se si me exprese mal pero necesito la validacion en javascript del formulario (todos los campos han sido llenados) y necesito una validacion en php tambien para tener la plena seguridad antes de escribir en una base de datos.
Hago esto en caso que javascript este deshabilitado en el navegador del usuario.

Mi pregunta va en como llamar la validacion en javascript(funcion) y la validacion en php(pagina php) con un solo evento ??

Se tambien que necesito primero validar con javascript y si esa validacion es exitosa paso a la validacion con php.

Gracias por cualquier idea.

[mayid]

A ver, si queres validar sin hacer cambio de pagina, podes usar ajax. Pero no ajax sobre javascript, que es un lio, sino usando alguna librería como jquery (lo cual no se justifica si la vas a usar solo para esto, pero es una sugerencia).

Si no hay necesidad de ajax, pues es cuestion de enviar el formulario, validarlo y redirigir a la pagina de formulario en caso de que haya algun error. En este caso, si ves que los datos del formulario desaparecen con la redireccion, usa variables GET o SESSION para lograr la persistencia.

[mitcheldaza]

Muchas gracias por los comentarios ya lo soluciones, simplemente cree un script en javascript que me valida las antradas antes de ejecutar el envio.

Desde alli uso el submit de la forma donde estoy trabajando para la pagina de validacion en php.