enviar formulario con button

[tonydx16]

estoy creando un sistema de comentarios...

Código Javascript:

<script type="text/javascript">
 
function alerta()
{
  if (/^[A-Za-z][A-Za-z0-9_]*@[A-Za-z0-9_]+.[A-Za-z0-9_.]+[A-za-z]*.[A-Za-z0-9_]+.[A-Za-z0-9_.]$/.test(form.email.value)){
  
} else {
document.getElementById('error').innerHTML = 'La dirección de email es incorrecta';
 
}
}
 
</script>
 

Código HTML:

<form action="comentar.php" method="post" name="form" onclick="alerta()">
 <p>Nombre: <input type="text" name="nombre" value="Anónimo" id="nombre" onFocus="javascript:this.value=''" onblur="javascript:this.value='Anónimo'" /></p>
 <p>E-mail: <input type="text" name="email" value="" /><span id="error"></span></p>
 <p>Comentario: <textarea name="comentario" rows="5" cols="40"></textarea></p>
 <input type="button" value="Comentar" />
 </form>
 

Lo que quiero es que se envie las variables a "comentar.php" cuando se cumple toda la funcion... no quiero que se envie por GET

[jahepi]

Hola tonydx16 !

Utiliza el evento onSubmit, y en la función regresa verdadero o falso para saber si mandar el formulario:

Código javascript:

function alerta() {
  if (/^[A-Za-z][A-Za-z0-9_]*@[A-Za-z0-9_]+.[A-Za-z0-9_.]+[A-za-z]*.[A-Za-z0-9_]+.[A-Za-z0-9_.]$/.test(form.email.value)) {
        return true
    } else {
        document.getElementById('error').innerHTML = 'La dirección de email es incorrecta';
        return false;
    }
}
 

Código html:

<form action="comentar.php" method="post" name="form" onsubmit="return alerta()" >
 <p>Nombre: <input type="text" name="nombre" value="Anónimo" id="nombre" onFocus="javascript:this.value=''" onblur="javascript:this.value='Anónimo'" /></p>
 <p>E-mail: <input type="text" name="email" value="" /><span id="error"></span></p>
 <p>Comentario: <textarea name="comentario" rows="5" cols="40"></textarea></p>
 <input type="submit" value="Comentar" />
</form>
 

Un saludo y suerte !

[tonydx16]

Muchas gracias, me sirvio de mucho...