1

こんにちは、ドロップダウンボックスの検証のためにこれを参照しました。ドロップダウンが複数ある場合、ドロップダウンが 1 つだけで正常に機能し、正しく表示されないことを意味します

$(document).ready(function () {
    $('.default').dropkick();
    $('.example_form').validate({
        highlight: function (element, errorClass) {         
            $(element).siblings('.dk_container').addClass('error');  
            $('.dk_toggle').css('border', 'none');
        },
        unhighlight: function(element, errorClass) {
            $(element).siblings('.dk_container').removeClass('error');  
            $('.dk_toggle').css('border', '1px solid #ccc');
        }
    });
});

ここにフィドルがあります

各フィールドのエラーを強調表示する方法

4

2 に答える 2

1

ドロップダウンごとに1つの非表示フィールドを用意し、ドロップダウン値を変更するときに非表示フィールドに値を割り当てます。必要なフィールド検証を非表示フィールドに書き込みます

$('#country').dropkick({
    change: function (value, label) {
        $('#countryHidden').val(value);
      }
});

$('.example_form').validate({
   ignore: "",
    rules : {
        countryHidden : {
            required: true
        }
    },
    messages : {
      countryHidden : {
            required:"Please select your  country"              
        }  
    } 
});

フィドル

于 2013-02-14T12:03:02.940 に答える