1

Could I somehow disable action (send, redirect) from submit if the textarea was empty (so nothing at all happens onclick). I want to avoid displaying error here, thats why I'm asking.

My textarea:

<textarea id="message" name="message" maxlength="35"></textarea>

My submit button:

<input id="send" type="image" src="/site_media/static/images/submit.png" value="Submit">

This is what i tried: http://jsfiddle.net/5Xwyb/

My brain died couple of hours ago.

mmln
  • 2,104
  • 3
  • 24
  • 33

2 Answers2

4

Will stop all attempts to submit if #message is empty.

$(function(){
   $("#send").submit(function(event){

       if($("#message").val().length === 0))
          event.preventDefault();

       // other submit code

    });
});​
iambriansreed
  • 21,935
  • 6
  • 63
  • 79
1
$(function(){

   $("#send").submit(function(e){

      if($("#message").val()==""))
      {      
        e.preventDefault();
       }
    });        

});​

JsFiddle is here http://jsfiddle.net/5Xwyb/7/

Shyju
  • 214,206
  • 104
  • 411
  • 497
  • Don't use return false;. use $("form").submit(function( e ){ with e.preventDefault(); instead. See http://stackoverflow.com/questions/1357118/event-preventdefault-vs-return-false for info. Updated jsFiddle: http://jsfiddle.net/iknowkungfoo/5Xwyb/6/ – Adrian J. Moreno Apr 09 '12 at 23:28