jQuery Validation Eklentisi Onay Kutusu errorPlacement

Question

jQuery Validation Eklentisi Onay Kutusu errorPlacement

oy

1

Hepsini aynı ada sahip onay kutularını bir grup var. Hepsi farklı değerleri vardır. Onlar bir formun sadece bir parçasıdır. Onlar tüm formu yukarı yapmazlar. Ben onay kutularını grubunun son onay kutusunun SONRA kendi hatasını göstermek istiyorum.

jQuery içinde böyle bir şey yapmak mümkün mü?

$(#myform).validate({
  errorPlacement: function(error, element) {
     var checkboxes = $(#checkboxes);
     if(checkboxes.contains(element))
        label.insertAfter(checkboxes[checkboxes.length-1]);
   },
   debug:true
 })

Bunu hakkında nasıl gitmek?

Teşekkürler,
Ian McCullough

jquery validation checkbox errorplacement

Oluştur 06/07/2009 saat 21:10
kaynak kullanıcı Ian McCullough

Diğer dillerde...

4 cevaplar

oy

0

Sadece yapamaz mıyız

if(checkboxes.contains(element)) {
  checkboxes.after(label);
}

Cevap 06/07/2009 saat 21:43
kaynak kullanıcı Daniel

oy

0

Kodunuzdaki yapıyor değişken 'etiketi' nedir?

Eğer 'hatası' değişkeni kullanan gerekmez mi?

error.insertAfter(checkboxes[checkboxes.length-1]);

Cevap 06/07/2009 saat 21:49
kaynak kullanıcı SolutionYogi

oy

1

İşte sayfadaki tüm onay kutularıyla çalışacak bir jenerik çözümdür. Bu grubun son onay kutusunun sonra hata iletisi ekleyecektir.

$('form').validate({
    rules: {
        checkbox_group_1: {
            required: true
        },
        checkbox_group_2: {
            required: true,
        }
    },
    errorPlacement: function(error, element) {
        if (element.is(':checkbox'))
            error.insertAfter($('input[name=' + element.attr('name') + ']').last());
        else
            error.insertAfter(element);
    }
});

Cevap 18/03/2014 saat 23:06
kaynak kullanıcı Johnny Oshika

JohnEric · Accepted Answer · 2010-05-14 16:14

Ben bir forma benzer işlevler gerekli ve bunu çözmüş, bu eski bir soru olduğunu fark ama.

jQuery 1.4.2 kullanma

Yani şu formu verilmiş.

<form id="checkForm" method="get" action="">
<ul id="checkboxes">
    <li><input type="checkbox" name="checkOne" id="checkOne" value="1" /></li>
    <li><input type="checkbox" name="checkTwo" id="checkTwo" value="2" /></li>
    <li><input type="checkbox" name="checkThree" id="checkThree" value="3" /></li>
</ul>
<input class="submit" type="submit" value="Submit"/>

Sonra aşağıdakileri yapabilirsiniz

$("#checkForm").validate({
    rules: {
        checkOne: "required",
        checkTwo: "required",
        checkThree: "required"
    },
    errorPlacement: function(error, element) {
        if ($("#checkboxes").has(element).size() > 0) {
            error.insertAfter($("#checkboxes input:checkbox:last"));
        } else {
            error.insertAfter(element);
        }
    }
});