Jquery validation and RadCombobox

[pnr]

I am using Jquery validation (http://docs.jquery.com/Plugins/Validation) on my site, but i can't make it validate my RadCombobox's. Could you show me how that can be done?

Thanks in advance!

[Kalina]

Hi pnr,

To validate the input of the RadComboBox you can use the rules feature explained in the JQuery online documentation.

<script type="text/javascript">

    $(document).ready(function() {

        $("#commentForm").validate();

        $(".rcbInput").rules("add", {
            required: true,
            minlength: 2,
            messages: {
                required: "Please select"
            }
        });

        $(".rcbInput").validate();

    });
</script>

More details you can find at the sample project attached.

Kind regards,
Kalina
the Telerik team

Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Public Issue Tracking system and vote to affect the priority of the items.

[pnr]

Hi Kalina

Thank you very much for your answer! I have a little problem with your demo, when i add 2 RadComboBoxes it only validate the first that occur. Why is that?

Thanks in advance!
 

[Kalina]

Hi pnr,

In fact the JQuery class selector gets an array of elements with the specific class applied.
So you can assign the validation rule array elements using each() function:
 

<script type="text/javascript">

    $(document).ready(function() {
        $("#commentForm").validate();
        $(".rcbInput").each(function() {
            $(this).rules("add", {
                required: true,
                minlength: 2,
                messages: {
                    required: "Please select"
                }
            });
        });
        $(".rcbInput").validate();

    });

</script>

More details you can find at the sample page attached.

Best wishes,
Kalina
the Telerik team

Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Public Issue Tracking system and vote to affect the priority of the items.

[pnr]

Thank you very much for the excellent help!

[Anup]

The solution provided does not seem to work when the radcombo is contained in an ascx file.
In my case I also have twon instances of the same ascx on a page. Any help will be highly appriciated.

Regards

[Kalina]

Hi,

On my side the solution works properly when RadComboBox is nested within a user control.
Please find more details at the sample attached.

Greetings,
Kalina
the Telerik team

[Anup]

Hi Kalina

Thanks for this solution. well on our end we had master pages being used and the same ascx was nested twice into a page. We finally decided to not use the jquery validation and stuck to; out of the box Asp.net validators. It works fine now.

thanks a lot for your effort. We really appriciate it.

Regards

[Neehar]

Hi,
I have applied validation for RadCombo Box but the error message is displayed below the 
combobox, but i need to display error message right side of radcombobox,
please help me ,

Thank You.

[Princy]

Hi Neehar,

Please check the following CSS.

CSS:

<style type="text/css">
    label.error
    {
        color: red;
        margin-left: 40px;
        position: fixed;
    }
</style>

Thanks,
Princy.