JavaScript Validation

Question

I am using the following code to check if at least one checkbox is selected from my checkboxlist in asp.net. I am using jGrowl to throw up a message which works, but the message is still displayed if a selection is made. Any ideas? Also, story_type is an asp label, I am using the code below, but I can't get the jGrowl message to display...

var story_type = document.getElementById('story_type').value;
var agile_list = document.getElementById('agile_factors');
var arrayOfCheckBoxes = agile_list.getElementsByTagName("input"); 

for (counter = 0; counter < arrayOfCheckBoxes.length; counter++) {

    if (arrayOfCheckBoxes[counter].checked) {

        return true;

    } else {

        (function($) {
         $.jGrowl("Please Choose up to 3 Agile Factors", { theme: 'smoke', closer: true });
        })(jQuery);

        return false;
    }

}

if (story_type == "[SELECT TYPE]") {
    (function($) {
        $.jGrowl("Please Select Story Type", { theme: 'smoke', sticky: true, closer: true })
        return false;

    })(jQuery);

    return true;
}

Are the checkboxes the only 'input' elements on the page?

rcravens
– rcravens

2011-01-29 01:12:46 +00:00
Commented Jan 29, 2011 at 1:12 — rcravens
– rcravens, Commented Jan 29, 2011 at 1:12

rcravens · Accepted Answer · 2011-01-29 01:24:23Z

1

Since you have jQuery you can do this to simplify your code a bit:

   <div id="options">
        <input type="checkbox" name="opt1" /> Option 1
        <input type="checkbox" name="opt2" /> Option 2
        <input type="checkbox" name="opt3" /> Option 3
        <input type="checkbox" name="opt4" /> Option 4
    </div>
    <div>
        <a href="#" id="validate">validate</a>
    </div>
    <script type="text/javascript">
    ;(function() {

        $("#validate").click(function() {
            validateInputs();
        });


        function validateInputs() {
            alert($("#options input:checked").length + " checked");
        }
    })();

</script>

Here is a jsFiddle of the above code; http://jsfiddle.net/rvXHG/

edited Jan 29, 2011 at 1:24

answered Jan 29, 2011 at 1:17

rcravens

8,3982 gold badges35 silver badges27 bronze badges

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

1 Comment

immutabl Over a year ago

Exactly that. Is that a typo on the line ;(function(){ ... - ; should be a dollar $?

Collectives™ on Stack Overflow

JavaScript Validation

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related