在表单文本框中传递插入的值，以便在PHP的同一页面中显示它 - Passing inserted value in a form textbox to display it in the same page in PHP

Passing inserted value in a form textbox to display it in the same page in PHP

我有一个HTML表单，用户需要填写6个文本框，在注册这些值之前，我希望用户在同一网页中预览它们。它就像上面插入的值的预览。问题是我不知道如何将这些值传递给另一个变量(或同一变量)并预览它们。希望有人能帮助我。以下是目前为止的代码:

        <script type="text/javascript">
        function validarForm(formulario) {
          if(formulario.filmid.value.length==0) { //comprueba que no esté vacío
            formulario.filmid.focus();   
            alert('No has escrito la clave'); 
            return false; //devolvemos el foco
          }
          if(formulario.nombre.value.length==0) { //comprueba que no esté vacío
            formulario.nombre.focus();
            alert('No has escrito el nombre');
            return false;
          }
          if(formulario.sinopsis.value.length==0) {  //comprueba que no esté vacío
            formulario.sinopsis.focus();
            alert('No has escrito ninguna consulta');
            return false;
          }
            if(formulario.genero.value.length==0) { //comprueba que no esté vacío
            formulario.genero.focus();   
            alert('No has escrito el genero'); 
            return false; //devolvemos el foco
          }
          if(formulario.anio.value.length==0) { //comprueba que no esté vacío
            formulario.anio.focus();
            alert('No has escrito el año');
            return false;
          }
          if(formulario.precio.value.length==0) {  //comprueba que no esté vacío
            formulario.precio.focus();
            alert('No has escrito ninguna consulta');
            return false;
          }
          return true;
        }
        </script>


        <html>
        <body>
        <?php include 'header.php' ?>
        <?php
        //variables generales

        if(isset($_POST['filmid']) && isset($_POST['nombre']) &&  isset($_POST['sinopsis']) && isset($_POST['genero']) && isset($_POST['anio']) && isset($_POST['precio'])){  


             $insertid=$_POST["filmid"];
             $insertnombre=$_POST["nombre"]; 
             $insertsinopsis=$_POST["sinopsis"]; 
             $insertgenero=$_POST["genero"]; 
             $insertanio=$_POST["anio"]; 
             $insertprecio=$_POST["precio"]; 

             $insercion=$insertid."|".$insertnombre."|".$insertsinopsis."|".$insertgenero."|".$insertanio."|".$insertprecio."|A'n";

             InsertaPelicula($insercion);
            }

        ?>
        Registrar nueva pelicula:
        <form action="registro.php" method="post" onsubmit="return validarForm(this);">
          <table border="1"><tr><td>Clave:</td><td><input type="text" name="filmid"></td></tr>
            <tr><td>Nombre:</td><td><input type="text" name="nombre"></td></tr>
            <tr><td>Sinopsis:</td><td><input type="text" name="sinopsis"></td></tr>
            <tr><td>Genero:</td><td><input type="text" name="genero"></td></tr>
            <tr><td>A&nacute;o</td><td><input type="text" name="anio"></td></tr>
            <tr><td>Precio</td><td><input type="text" name="precio"></td></tr>
            <tr><td><input type="submit" value="Registrar"></td><td></td></tr>
          </table>

        </form>
        <form>
        <input type="button" name="Cancel" value="Cancelar" onclick="window.location='index.php'">
        </form>
        <?php include 'footer.php' ?>
        </body>
        </html>

Grep的值使用例如onchange事件，并设置为内容，你喜欢它使用例如innerHTML。使用jQuery或其他js框架会更容易。

原始Javascript示例:

//HTML:
    <input type="text" name="nombre" onchange="passValue(this, 'preview_nombre')"/>
    <span id="preview_nombre">before</span>
//Javascript:
    function passValue(e, target){
        document.getElementById(target).innerHTML = e.value;
    }

http://jsfiddle.net/ya5Ty/