Validating checkboxes using javascript in php

Question

I am trying to validate checkboxes in a form.

my form is as follows:

<form name="results" action=request_job.php method="post" 
onsubmit="return validateForm.apply(this)">
<td name='checkb'colspan='2' class="noborder" width='100%' align="center">
                <input type='checkbox' name='ModelArray[]' value='1'>m1
                                    <input type='checkbox' name='ModelArray[]' value='2'>m2
                                    <input type='checkbox' name='ModelArray[]' value='3'>m3
                                    <input type='checkbox' name='ModelArray[]' value='4'>m4
                                    <input type='checkbox' name='ModelArray[]' value='5'>m5
                                    <input type='checkbox' name='ModelArray[]' value='6'>m6
                                    <input type='checkbox' name='ModelArray[]' value='7'>m7

I want to there to be an alert if there is no checkboxes selected. How do i do this. I have being trying a long time now.

Thanks

solved with this:

var wrap=doc.get("checkb");
ArrCB=wrap.getelementbyTagName('input');
ArrCB_l=ArrCB.lenght();
while(ArrCB_l--){
  var CB=ArrCB[ArrCB_l];
  CB.checked()==True;
return 1
}
return 0

}

if ($('checkb :checkbox:checked').length == 0) { alert("You must answer at least one question"); } .. i names the td:checkb return true; — user1338194
– user1338194, Commented May 3, 2012 at 15:08
this is the last thing i have tried. I deleted the rest as they didn't work. — user1338194
– user1338194, Commented May 3, 2012 at 15:09
I tried looping through them as an array and i think this is what i have to do but dont no how. — user1338194
– user1338194, Commented May 3, 2012 at 15:10
you can cheek this issue .... stackoverflow.com/questions/590018/… — Sameh Serag
– Sameh Serag, Commented May 3, 2012 at 15:14

Jeff Lambert · Accepted Answer · 2012-05-03 15:20:28Z

2

You can try this (not dependent on jQuery since you did not specify):

(function() {
    window.validateForm = {};
    window.validateForm.apply = function(o) {
        var inputs = document.getElementsByTagName("input");

        for(var i = 0; i < inputs.length; i++) {
            if(inputs[i].type == "checkbox" && inputs[i].checked) 
                return true;
        }
        alert('You must select at least 1');
        return false;
    };
})();

This will iterate over all inputs in your page. It will return true once it finds a single checked checkbox, or false if it finds none.

I added the window.validateForm = {} just so that it would work, you probably won't need that if you already have the object defined.

answered May 3, 2012 at 15:20

Jeff Lambert

24.7k4 gold badges72 silver badges98 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Jay Pagnis · Accepted Answer · 2012-05-03 15:21:11Z

From whatever information I could gather from your query, I have posted a solution. See if this works for you.

<form name="results" action="request_job.php" method="post" onsubmit="return validateForm()">
    <input type='checkbox' name='ModelArray[]' value='1'>m1
    <input type='checkbox' name='ModelArray[]' value='2'>m2
    <input type='checkbox' name='ModelArray[]' value='3'>m3
    <input type='checkbox' name='ModelArray[]' value='4'>m4
    <input type='checkbox' name='ModelArray[]' value='5'>m5
    <input type='checkbox' name='ModelArray[]' value='6'>m6
    <input type='checkbox' name='ModelArray[]' value='7'>m7
    <input type="submit" value="Submit">
</form>

<script type="text/javascript">
function validateForm()
{
    if( $('input[name="ModelArray[]"]:checked').length == 0 )
    {
        alert("You must check atleast one checkbox");
        return false;
    }
    else
        return true;
}
</script>

Let me know if this doesn't work for you.

jJ' · Accepted Answer · 2012-05-03 15:30:10Z

1

I would do it the following (quite clean - pure browser js) way (and tried this on jsfiddle with success)

function validateForm() {
    var i, chks = document.getElementsByName('ModelArray[]');
    for (i = 0; i < chks.length; i++)
        if (chks[i].checked)
            return true;
    alert('No value selected');
    return false;
}

answered May 3, 2012 at 15:30

jJ'

3,07835 silver badges25 bronze badges

1 Comment

user1338194 Over a year ago

this works in jsfiddle, however it does not work for me , thanks for the help though. I tried something very similar tothis myself and it didnt work

JNF · Accepted Answer · 2012-05-03 15:23:21Z

0

Give them a unique class, e.g. 'chbValidate', then try if($('.chbValidate:checked').length == 0)

answered May 3, 2012 at 15:23

JNF

3,7403 gold badges35 silver badges65 bronze badges

Comments

user1338194 · Accepted Answer · 2012-07-31 07:47:40Z

0

var wrap=doc.get("checkb");
ArrCB=wrap.getelementbyTagName('input');
ArrCB_l=ArrCB.lenght();
while(ArrCB_l--){
  var CB=ArrCB[ArrCB_l];
  CB.checked()==True;
  return 1
 }
 return 0

 }

answered Jul 31, 2012 at 7:47

user1338194

3671 gold badge4 silver badges17 bronze badges

Comments

shadyyx · Accepted Answer · 2012-05-03 15:20:50Z

-1

Try this:

if($('input[name="ModelArray[]"]:checked').length == 0) {
    alert('No checkbox is checked');
}

within Your validate function on submit.

edited May 3, 2012 at 15:20

answered May 3, 2012 at 15:08

shadyyx

16.1k7 gold badges62 silver badges98 bronze badges

Collectives™ on Stack Overflow

Validating checkboxes using javascript in php

6 Answers 6

Comments

Comments

1 Comment

Comments

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

6 Answers 6

Comments

Comments

1 Comment

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related