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').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" })

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.


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


Stai commentando usando il tuo account Chiudi sessione /  Modifica )

Google+ photo

Stai commentando usando il tuo account Google+. 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 )


Connessione a %s...

This site uses Akismet to reduce spam. Learn how your comment data is processed.