javascript表单验证与多个字段和现场显示

时间:2016-01-20 02:44:28

标签: javascript arrays forms validation

所以,嘿,我知道有更多的人可能会想要这类问题,但也许我可以提出一点点扭曲,我试图在这里和那里混合不同的东西,但当我提交形成验证过程不运行,它只是直接提交表单。这是一个单独的脚本,它是这样的:

<script type="text/javascript">

    var errors =[];

    function printarray(array){
            for (var i=0; i<array.lenght; i++){
                document.write(array[i]);
            }
    }

    function validate(){

        document.getElementById("npostform").elements["contenidotext"].value=window.frames["contenido"].document.body.innerHTML;
        document.getElementById("npostform").elements["resumentext"].value=window.frames["resumen"].document.body.innerHTML;

        if (document.npostform.titulo.value=="" || document.npostform.titulo.value==null){
            errors.push("Se debe especificar un titulo <br>");
        } 
        if (document.npostform.contenidotext.value=="" || document.npostform.contenidotext.value==null){
            errors.push("Se debe incluir un contenido <br>");
        }
        if (document.npostform.resumentext.value=="" || document.npostform.resumentext.value==null){
            errors.push("Se debe incluir un resumen <br>");
        }

        if(errors.length >0){
            for (var i=0; i<errors.lenght; i++){
                document.getElementById("error").innerHTML=printarray(errors);
            }
            return false;
        }else{
            return true;
        }

    }


</script>

<div id="error"></div>

<form action="entradas.php" name="npostform" id="npostform" method="post" enctype="multipart/form-data" onsubmit="return validate();">

    <label for="Titulo">Titulo:</label>
    <input type="text" name="titulo" value="<?php if (isset($_SESSION['titulo'])) { echo $_SESSION['titulo'];} ?>">
                    <br>
    <label for="Categoria">Categoria-Seccion:</label>
    <select name="categoria" value= "<?php if(isset($_SESSION['categoria'])){echo $_SESSION['categoria'];} ?>">
        <option value=""></option>
        <?php
            foreach (tomarcategorias() as $order =>$categorias){
                $name = $categorias['name'];
                $id = $categorias['id'];
                $order =$categorias['order'];

                if ($categorias['type'] == 'Articulos'){
                    echo "<optgroup label='", $name, "'>";
                    foreach(tomarsecciones('idcategoria', $id) as $ord => $secciones){
                    $ord = $secciones['order'];
                    echo "<option value='", $secciones['id'], "'><PRE>", $secciones['name'], "</option>";
                }
            }
            }
        ?>
    </select>
    <br>
    <textarea name="contenidotext" rows="15" cols="50" style="display:none;"></textarea>
    <iframe name="contenido" id="contenido" style="width:300; height:100; background: white;"></iframe>
    <br>
    <label>Resumen del articulo</label>
    <br>
    <textarea name="resumentext" rows="5" cols="50" style="display:none;"></textarea>
    <iframe name="resumen" id="resumen" style="background: white;"><?php if (isset($_SESSION['resumen'])) { echo $_SESSION['resumen'];}?></iframe>
    <br>

    <input type="submit" name="add_post" value="Subir post"/>

    </form>

我必须是真诚的,在头脑中有一个链接的javascript,但它包含一个简单的wysiwyg按钮的功能,并且已经尝试将所有脚本放在一起,在相同和不同的文件中,没有改变一个东西

有人知道这个bug在哪里吗?还有,有没有办法在php中查看javascript脚本的错误?

0 个答案:

没有答案