popup alert if no check boxes are selected

[CraigR]

have a multiple add to cart form, which inserts into the cart array if the checkbox is checked

want to popup a message to warn if nothing is checked, before form is posted.

got this, but alert pops up everytime, even if checkbox is checked.


<script type="text/javascript">
function addToBasket(form) {
var isChecked = false;
if ( document.forms['add_to_cart'].elements['atccheck[]'].checked == true) {
isChecked = true;
}
else {
for ( var i=0; i < document.forms['add_to_cart'].elements['atccheck[]']; i++) {
if ( document.forms['add_to_cart'].elements['atccheck[]'][i].checked == true ) {
isChecked = true;
break;
}
}
}
if ( isChecked == false ) {
alert("Please select a spring. Then press 'Add to Basket'.");
}
else {
form.submit();
}
}
</script>

[Jason Byrnes]

please send a link to your page so i can test this in the browser.

[CraigR]

here's a link to a representative page

http://www.test3.forthwebsolutions.com/Store/test.php

click on 'find part' to show result table

[Jason Byrnes]

client validation is problematic with checkbox group arrays, you should use server side validation on the checkbox group instead.

[CraigR]

Ok, can i do this via the server validations interface ?

I'm not sure what criteria to select.

I tried Required/Not Blank/Selection made on atccheck[] being posted, but if i have 50 rows, i only need one to be checked for the entry to be valid.

[Jason Byrnes]

Yes, use the required not blank validation.

select any one of the atcheck form elements, the only thing you will need to change is that the code will be added using the "[]" in the name:
$_POST["atccheck[]"])


remove the square brackets:
$_POST["atccheck"])

[CraigR]

thanks Jason.

Sorted

[Jason Byrnes]

you're welcome.

[CraigR]

it would be nice to achieve this without resorting to server side validation and reloading the page.

i have looked at the documentation re implementing spry validation on checkboxes and groups of checkboxes.

i can get it to work with a simple example, but if i use a checkbox array, the validation only works on the first checkbox.

[Jason Byrnes]

ok, try using this for the script:

<script type="text/javascript">
function addToBasket(form) {
var isChecked = false;
var chks = document.getElementsByName('atccheck[]');
if ( chks.checked == true) {
isChecked = true;
}
else {
for ( var i=0; i < chks.length; i++) {
if ( chks[i].checked == true ) {
isChecked = true;
break;
}
}
}
if ( isChecked == false ) {
alert("Please select a spring. Then press 'Add to Basket'.");
}
return isChecked;
}
</script>



and this for the submit button:

<input name="submit" type="submit" value="Add to Cart" onclick="return addToBasket()" />

[CraigR]

Excellent.

Thanks very much, (again). Jason

[Jason Byrnes]

you're welcome.