jQuery Validation on Dynamically created controls

Question

I'm using an ASP.NET Repeater control to create rows of textboxes. I'm able to capture the value of the textboxes, but I would like to validate that all the textboxes have a value inside.

Is this possible to do in jQuery?

Marko · Accepted Answer · 2010-10-20 04:13:40Z

4

Sure it is.

$(".submit-button").click(function() {
    $("class-or-id-of-repeater").find("input[type=text]").each(function() {
        if($.trim($(this).val()) == '') {
            alert("At least one textbox is empty");
            $(this).focus(); // focus the element
        }
    })
});

If you create Dynamic Controls in ASP.NET, the textboxes will still be rendered on the page after the postback.

I haven't tested this using an UpdatePanel, it might break if you used one.

answered Oct 20, 2010 at 4:13

Marko

72.3k29 gold badges126 silver badges160 bronze badges

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

1 Comment

coson Over a year ago

Your code didn't initially work for me because the Repeater tag isn't generated as part of the markup when rendered in the browser, so I wrapped the Repeater control into a DIV. Then your code worked!! Thanks alot!!

Collectives™ on Stack Overflow

jQuery Validation on Dynamically created controls

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