0

我有一个 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>
4

1 回答 1

1

使用例如 onchange 事件对值进行grep，并使用例如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/

于 2013-04-30T14:30:24.050 回答