ASP.Net MVC client side validation with Bootstrap Select Picker

On my bootstrap template I use bootstrap select picker

Using this plugin in DropDownList the validation client side not works.

I found a great solution on stackoverflow and I report it here to share with you

$(function() {
    if ($(".selectpicker")[0]) {
        $(".selectpicker").selectpicker();
        $('.selectpicker').parents('form:first').validate().settings.ignore = ':not(select:hidden, input:visible, textarea:visible)';
    }
});

Add the class selectpicker to your drow down list like this:
Here an example:

<div class="form-group">
    @Html.LabelFor(model => model.User.ID_AUTORIZZATORE, htmlAttributes: new { @class = "control-label col-md-2" })
    <div class="col-md-6">
        @Html.DropDownListFor(m => m.User.ID_AUTORIZZATORE, new SelectList(Model.ListResponsabili, "ID_ANAGRAFICA", "COGNOMENOME"), " ", new { @class = "form-control selectpicker" })
        @Html.ValidationMessageFor(model => model.User.ID_AUTORIZZATORE, "", new { @class = "text-danger" })
    </div>
</div>
Annunci

Informazioni su Andrea Regoli

Project Manager .Net Developer WPF WP7 Asp.Net c# javascript ajax SQL sharepoint
Questa voce è stata pubblicata in jquery, MVC e contrassegnata con , , , . Contrassegna il permalink.

Rispondi

Inserisci i tuoi dati qui sotto o clicca su un'icona per effettuare l'accesso:

Logo WordPress.com

Stai commentando usando il tuo account WordPress.com. Chiudi sessione / Modifica )

Foto Twitter

Stai commentando usando il tuo account Twitter. Chiudi sessione / Modifica )

Foto di Facebook

Stai commentando usando il tuo account Facebook. Chiudi sessione / Modifica )

Google+ photo

Stai commentando usando il tuo account Google+. Chiudi sessione / Modifica )

Connessione a %s...