[SOLUCIONADO] error al presionar boton por segunda vez

[charlyta]

Hola. Alguien sabe por qué mi código no funciona tras presionar el botón por segunda vez? Es decir, si aparece el mensaje error y relleno un campo, pero no los dos debería volver a mostrarme la pantalla de error pero no lo hace.

Código Javascript:

function validate(){
var fields = new Array;
var fields = [document.getElementById('autor'),document.getElementById('titulo')];
var err = 0;
for (i=0;i<fields.length;i++){
if (fields[i].value == ""){
err++;
}
}
if (err === 0){
//Submit Form
document.myform.submit();
//document.getElementById('alerta').style.display="none"; 
}else {
document.getElementById('alerta').style.display="block"; 
//alert("Please Fill Out All Of The Fields");
 
return false;
}
}
 

[PHPeros]

Desde qué elemento llamas a la función de validar?

[charlyta]

Código Javascript:

<input type="button" value="Buscar" onClick="validate();"  onClick="validate();"/>
 

mirando en firebug obtengo esto

Uncaught TypeError: Cannot read property 'style' of null buscar.html:60


por lo que debería solucionar que cuando cierro el diálogo no desaparezca..mmmm...probaré.trabajo con bootstrap y eso lo lía un poco..

[PHPeros]

Comprueba que al elemento le has puesto un ID de "alerta".

[charlyta]

Hola y gracias por la atención al tema. Esta ha sido mi solución:

div de alerta:

Código HTML:

<div id="alerta" class="alert alert-error"  style="display: none">
                        <!--<button type="button" class="close" data-dismiss="alert">×</button>-->
                         <a class="close" onclick="$('#alerta').hide()">×</a>  
                        <h4>Se ha producido el siguiente error:</h4>
                        No ha indicado ningún término de búsqueda.
                    </div>
 

javascript:

Código Javascript:

<script>
function validate(){
var fields = new Array;
var fields = [document.getElementById('autor'),document.getElementById('titulo')];
var err = 0;
 
 
for (i=0;i<fields.length;i++){
 
if (fields[i].value == ""){
err++;
}
}
 
if (err === 0){
 
document.myform.submit();
 
}else {
 
$('#alerta').show()
 
 
return false;
}
}
</script>
<script>
$(function(){
    $("[data-hide]").on("click", function(){
        $("." + $(this).attr("data-hide")).hide();
 
    });
});
</script>
 

acción:

Código HTML:

<input type="button" value="Buscar" onClick="validate();" onClick="validate();"/>