2012-04-09 9 views
1

テキストエリアが空の場合、何らかのアクション(送信、リダイレクト)をサブミットしないようにすることができます。私はここにエラーを表示しないようにしたい、それは私が求めている理由です。テキストエリアが空の場合はアクションを無効にします

マイテキストエリア:

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

は、送信ボタンをマイ:

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

これは私が試したものです:http://jsfiddle.net/5Xwyb/

私の脳は、時間のカップルの前に死亡しました。

答えて

3

ある#messageが空の場合は提出するすべての試みを停止します。

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

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

     // other submit code 

    }); 
});​ 
+1

私たちが技術的に正しければ(そして私達は:) :) .length === 0. –

+0

@iKnowKungFooうん、そうです、更新されました。ありがとう。 – iambriansreed

1
$(function(){ 

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

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

});​ 

JsFiddleはここhttp://jsfiddle.net/5Xwyb/7/

+0

return false;を使用しないでください。代わりに$("form").submit(function(e){e.preventDefault();を使用してください。情報については、http://stackoverflow.com/questions/1357118/event-preventdefault-vs-return-falseを参照してください。更新されたjsFiddle:http://jsfiddle.net/iknowkungfoo/5Xwyb/6/ –

関連する問題