フォームが空の時データの送信を防ぐ

Question

$(function(){
    $("#button").click(function(event){
     var form_data = {
        id:$('#id').val(),
        add:$('#add').val(),
  };
      var json = JSON.stringify(form_data);
      $.ajax({
		type:"POST",
        url:"c.php",
        data:{json},
		dataType: "json"
      }).done(function(data){
        $("#p").text(dat);
      }).fail(function(XMLHttpRequest, textStatus, errorThrown){
        alert(errorThrown);
      });
    });
	});

現状のコードだとフォームデータが空でも送信されてしまうのですが、全て項目が埋まった場合だけ送信したいです。どのようにすればできますでしょうか？

Answer 1

     var form_data = {
        id:$('#id').val(),
        add:$('#add').val(),
  };

でフォームの入力値取れてるのでしょうからあとはif文でチェックすればよいかと

Comments

[akdd]

申し訳ありませんが、form_dataが空の場合はわかるのですが、idとaddで別々でチェックを行うにはどのようにすべきですか？

[rururu3]

if(!!form_data.id && !!form_data.add) でいいような…