JQUERY Validate - シリアルセレクションとチェックボックス

Question

ajaxを送信するためにvalidateプラグインを使用しています。私はselect optionとcheckboxを連載できないという問題があります。

私の最終的な結果は、私はちょうどinput text値を得ることができ、以下のコードでdashName=aaa&dashSurname=bbb&dashArea=Blue...

のように見える文字列を持つことです。他の要素から値を検証して取得するにはどうすればよいですか？ここ

fiddle

$('#updateMemberForm').validate(); 

    $(document).on('click', '#saveMemberBtn', function() { 

    if ($('#updateMemberForm').valid()) { 

     var serialize = $("#updateMemberForm").serialize(); 

     $("#test").text(serialize); 
     console.log(serialize); 


    } 
    return false; 
    }); 

HTML：

<form method="post" id="updateMemberForm"> 
    <input class="" type="text" name="dashName" placeholder="Name" /> 
    <input class="" type="text" name="dashSurname" placeholder="Surname" /> 
    <br> 
    <select onchange="" name="dashArea"> 
    <option value="" selected disabled>AREA</option> 
    <option value="Red">RED</option> 
    <option value="Blue">BLUE</option> 
    <option value="Green">GREEN</option> 
    </select> 
    <br> 
    <input class="" type="text" name="dashAddress" placeholder="Address" /> 
    <input type="checkbox" id="checkbox1" name="dash_enable"> 
    <br> 
    <input type="submit" class="" id="saveMemberBtn" value="SAVE" /> 
</form> 

Answer 1

あなたSAVEボタンがtype="submit"あるので、あなたはそれとテスト妥当性をキャプチャするclickハンドラを必要としません。プラグインに組み込まれているsubmithandlerは既にこれを実行しています。

$('#updateMemberForm').validate({ 
    submitHandler: function(form) { // only fires when valid 
     var serialize = $("#updateMemberForm").serialize(); 

     $("#test").text(serialize); 
     console.log(serialize); 

     // AJAX goes here 

     return false; 
    } 
}); 

DEMO：チェックボックスがチェックされていない場合https://jsfiddle.net/rsfonzL7/

すでにコメントで述べたが、何もクエリ文字列で送られていない、これはサーバ側で処理されます。これは、jQuery Validateまたは.serialize()とは関係ありません。これは、メソッドに関係なく、フォームデータがどのように構築されて送信されるかです。