No enviar formulario si no se tiene nada en textarea?

erozwashere · #1 (**permalink**) 28/02/2013, 14:02

Hola, espero me puedan ayudar,

tengo este form

<form action="enviar.php" method="post">

<textarea id="text"></textarea>

<button type="submit"> Enviar</button>
</form>

Como puedo hacer para que cuando haya texto en el text area y se clicke el boton se envie el formulario

y si se clickea el boton y no existe nada en textarea no enviar el formulario

Gracias !

catpaw · #2 (**permalink**) 28/02/2013, 20:15

Hola, agrega el onsumit a la etiqueta form:

<form action="enviar.php" method="post" onsubmit="return valida_textarea()">

Pon la funcion dentro del <head>

function valida_textarea(){
if($('#text').val()==""){
alert("textarea vacio");
return false
}
}

gebremswar · #3 (**permalink**) 28/02/2013, 22:25

Hola erozwashere, que tal.

La manera correcta de hacerlo es de la siguiente manera:

Código Javascript:

Ver original<!DOCTYPE html>
<html>
<head>
<script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
<meta charset=utf-8 />
<title>@GBreagan</title>
  <script>
    var $validate =  function() {
      $('#frm').on('submit', function(event) {
        if($("#txt").val()==='') {
          event.preventDefault();
        }
      });
    };
    $($validate);
  </script>
</head>
<body>
  <form id="frm">
    <textarea id="txt"></textarea>
    <input type="submit" value="send">
  </form>
</body>
</html>

Para catpaw, JQuery: el mal uso del return false.

erozwashere · #4 (**permalink**) 01/03/2013, 16:00

Cita:

Iniciado por gebremswar

Hola erozwashere, que tal.

La manera correcta de hacerlo es de la siguiente manera:

Código Javascript:

Ver original<!DOCTYPE html>
<html>
<head>
<script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
<meta charset=utf-8 />
<title>@GBreagan</title>
  <script>
    var $validate =  function() {
      $('#frm').on('submit', function(event) {
        if($("#txt").val()==='') {
          event.preventDefault();
        }
      });
    };
    $($validate);
  </script>
</head>
<body>
  <form id="frm">
    <textarea id="txt"></textarea>
    <input type="submit" value="send">
  </form>
</body>
</html>

Para catpaw, JQuery: el mal uso del return false.

No se porque ninguno de los 2 codigos me funciona?

este es mi codigo completo esta dentro de un echo php

Código PHP:

Ver originalecho '
 
    <form method="post" action="prosesar.php" id="formID"  enctype="multipart/form-data">
 
<textarea id="txt"placeholder="Comparte algo nuevo" ></textarea>
 
<input id="botonenviar" type="submit" value="enviar"> </input>
    </form>';

sera por que esta dento de php?

catpaw · #5 (**permalink**) 01/03/2013, 20:50

te saca algun error?

incluiste el archivo de jquery?

erozwashere · #6 (**permalink**) 01/03/2013, 21:34

Cita:

Iniciado por catpaw

te saca algun error?

incluiste el archivo de jquery?

No ninguno, y si ya que tengo varios scripts jquery y funcionan a la perfeccion :S

gebremswar · #7 (**permalink**) 02/03/2013, 01:06

erozwashere Si haz probado el ejemplo que preparé, te habrás dado cuenta de que funciona y hace lo que deseas.

Cita:

Iniciado por erozwashere

No ninguno, y si ya que tengo varios scripts jquery y funcionan a la perfeccion :S

Mi ejemplo requiere como mínimo el uso de JQuery 1.7. Puedes revisar y comprobar que estas usando la versión adecuada.

Por otra parte, si reemplazas parte de mi código HTML con tu código PHP que genera el mismo, el ejemplo seguirá funcionando.

Por favor si aun persisten los problemas en tu aplicación compártenos tanto el código HTML generado como el código JQuery que estas programando.