PHP - Guardar el document.getElementById("id").value en una variable php?

Hola.

Tengo un formulario. Este tiene un campo input text donde recoge un número. Por ejemplo 1450. Pero lo que quiero hacer es que ese número al salir el focus del input sea convertido por numer_format de php. Por eso se me ocurrio esto. Que al salir el focus una funcion js recoja lo que tiene el input mediante document.fetElementById, pasandole de parametro la id del input más .value. Ya verifiqué que si toma el valor, el problema está en que quiero guardar eso en una variable de php. Cómo hago eso? e.e

Se me había ocurrido algo así:
Pero pues no me funcioní XD! Alguien sabe como?
Gracias!

PHP es un lenguajes que se ejecuta de lado del servidor.
JavaScript se ejecuta del lado del Cliente.
Si deseas que php haga el trabajo de darte un formato al numero debes hacer que AJAX recupere el contenido de una pagina en PHP. y luego Con JavaScript Remplazar el contenido de Input.
O de otro modo debes validar y formar el numero al memento que envie el formulario con PHP.

Hola Jesus, como sabes el Javascript se ejecuta en el navegador del clientes, y el PHP en el servidor, por lo que de alguna manera, tienes que enviar ese valor de Javascript al servidor para poder ser recogido por PHP.

Para ello, la manera que yo conozco es con AJAX, y jquery a mi modo de ver es la herramienta adecuada para ello.
Por ejemplo, puedes utilizar load()... algo así:

$("#iddestino").load('/pagina.php', {valor:$("#impo").val()});

De esta forma, tu pagina php recibe el valor de la variable y lo que devuelva el PHP te lo pondra en el id iddestino.

Espero que te sirva... coméntanos, ok?

Ok, primeramente Jon gracias por contestar. Y más gracias a ti xve.
xve, verás me encantó tu modo de ver hehehe justo así es lo que quiero. Pero por alguna razón no lo hace S:
Quisiera saber que tengo mal. Aquí está mi código.

documento1.php tengo:
La función JS:


Y el html del formulario:

Y en numberFormat.php tengo esto:

Si inserto 1896 por ehemplo me tiene que salir 1 896.00, pero me lo deja igual :I Como si no pasa nada. Sabe dónde está mi error?

Gracias!

Ya vi que si lo hace, pero el problema es'ta en que no me reemplaza los datos que el usuario puso primero SSS:
Ya probé haciendo que se imprima en otro input. Pero yo quiero hacer que se imprima en ese mismo! como le hago? T.T

Hola Jesus, creo que ya he visto donde esta el problema... yo te lo había puesto, para que lo pusiera dentro de un div, pero tu lo que quieres es que lo ponga en el value de un input...

Una manera simple podría ser:

Coméntanos si te sirve, ok?

hahaha xve muchas gracias!!! Así me funciona perfectamente! Te lo agradezco demasiado. Mira, mientras esperaba muchas respuestas de foros yo me ponía a pensar y moverle un poco a mi código. Resulta que siempre encuentro una solución por mi cuenta propia pero es algo loca hehehe X) Mira, yo había hecho esto:

Primero obtiene lo del input impo, después lo vacia. uso load y lo guardo en un textarea que tengo oculto para que me guarde allí la cantidad ya procesada y después de desde ese textarea lo jalo hacia mi impo hehehe
Es algo absurdo, pero me funcionaba y así lo pensaba dejar. Pero ya me vienes con la mejor respuesta de todas. Muchas gracias!! Así como me lo dices es mucho mejor y más fácil ehhe. Saludos!

Jesus, lo importante es intentarlo... yo cuando empezaba también me pasaba lo mismo que a ti, pero poco a poco uno va mejorando... intenta y mejoraras!!!

Gracias por comentarlo!!!

si deseas capturar los datos desde un input lo haces mediante el id
doc src: index.php
<script src="js.js"></script>
<form action="recibir.php" onsubmit="return datos()" method="post">
<label for="nombre">Nombres</label><br>
<input type="text" name="nombre" id="nombre"/><br>
<label for="apellido">Apellidos</label><br>
<input type="text" name="apellido" id="apellido"/><br>
<label for="email">E-mail</label><br>
<input type="email" name="email" id="email"/><br>
<label for="password">Contraseña</label><br>
<input type="password" name="password" id="password"><br>
<input type="submit" value="Enviar" name="Enviar"/>
</form>

Hacia a un js src: js.js
// en este caso lo haces mediante una función y el nombre de id pero con el # para indicar que es id y si es por clase seria un punto . y en comillas simples.

function datos(){
let $nombre = document.querySelector('#nombre').value;
let $apellido = document.querySelector('#apellido').value;
let $email = document.querySelector('#email').value;
let $password = document.querySelector('#password').value;
alert($nombre + $apellido + $email + $password);
}

y hacia a un php doc src: recibir.php
// en esta caso lo haces mediante el metodo post
<?php
$nombre = $_POST['nombre'];
$apellido = $_POST['apellido'];
$email = $_POST['email'];
$password = $_POST['password'];

echo $nombre.$apellido.$email.$password;

?>
espero haberte ayudado