Welcome Guest, Not a member yet? Register   Sign In
Color and Size Filter
#3

(03-31-2018, 04:07 AM)InsiteFX Wrote: Check boxes and radio buttons have no setting at all if they are not checked.

You need to first check to see if the check box or radio button is checked
or empty before you do anything else in your code.

Yes I am doing that while posting data. But I don't know ho to validate / check Ajax Data variable for empty before posting.

Like: 

Code:
function clr(){
[color=#333333][font=monospace]              // alert(url);[/font][/color]
[color=#333333][font=monospace]              $("input:checkbox[name=color]:checked").each(function() {[/font][/color]
[color=#333333][font=monospace]                  selected.push($(this).val());[/font][/color]
[color=#333333][font=monospace]                  //console.log(selected);[/font][/color]
[color=#333333][font=monospace]              });[/font][/color]
[color=#333333][font=monospace]            // Sizes [/font][/color]
[color=#333333][font=monospace]             $("input:checkbox[name=size]:checked").each(function() {[/font][/color]
[color=#333333][font=monospace]                  size.push($(this).val());[/font][/color]
[color=#333333][font=monospace]                  //console.log(selected);[/font][/color]
[color=#333333][font=monospace]              });[/font][/color]
[color=#333333][font=monospace]              $.ajax({[/font][/color]
[color=#333333][font=monospace]                  url:url,[/font][/color]
[color=#333333][font=monospace]                  method:"post",[/font][/color]
[color=#333333][font=monospace]                  data:{'colors':selected,'sizes':size},[/font][/color]
[color=#333333][font=monospace]                  success:function(data)[/font][/color]
[color=#333333][font=monospace]          {[/font][/color]
[color=#333333][font=monospace]//            [/font][/color]
[color=#333333][font=monospace]              //console.log(data);[/font][/color]
[color=#333333][font=monospace]              $("#mdv").html(data);[/font][/color]
[color=#333333][font=monospace]        [/font][/color]
[color=#333333][font=monospace]          }[/font][/color]
[color=#333333][font=monospace]          [/font][/color]
[color=#333333][font=monospace]              });[/font][/color]
[color=#333333][font=monospace]          [/font][/color]
[color=#333333][font=monospace]         [/font][/color]
[color=#333333][font=monospace]          [/font][/color]
      }


but I don't know how to get / validate it, like

data.color.length<0  or data.color !==''   etc.
Reply


Messages In This Thread
Color and Size Filter - by msz900 - 03-30-2018, 07:58 PM
RE: Color and Size Filter - by InsiteFX - 03-31-2018, 04:07 AM
RE: Color and Size Filter - by msz900 - 03-31-2018, 08:33 AM
RE: Color and Size Filter - by InsiteFX - 04-01-2018, 04:15 AM
RE: Color and Size Filter - by msz900 - 04-01-2018, 04:45 AM



Theme © iAndrew 2016 - Forum software by © MyBB