jQuery Plugin Επικύρωση Πλαίσιο ελέγχου errorPlacement

Question

jQuery Plugin Επικύρωση Πλαίσιο ελέγχου errorPlacement

ψήφοι

1

Έχω μια ομάδα πλαισίων ελέγχου που όλα έχουν το ίδιο όνομα. Όλα έχουν διαφορετικές τιμές. Είναι απλά μέρος του εντύπου. Δεν συνθέτουν το σύνολο του μορφή. Θέλω τα πλαίσια ελέγχου για να εμφανιστεί το σφάλμα τους, μετά την τελευταία πλαίσιο ελέγχου αυτής της ομάδας.

είναι δυνατόν να γίνει κάτι τέτοιο στην jQuery;

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

Πώς θα κάνετε για αυτό;

Ευχαριστώ,
Ian McCullough

jquery validation checkbox errorplacement

Δημοσιεύθηκε 06/07/2009 στις 21:10
πηγή χρήστη Ian McCullough

Σε άλλες γλώσσες...

4 απαντήσεις

ψήφοι

0

Δεν θα μπορούσατε να κάνετε ακριβώς

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

Απαντήθηκε 06/07/2009 στις 21:43
πηγή χρήστη Daniel

ψήφοι

0

Ποια είναι η μεταβλητή «ετικέτα» που κάνει το κωδικό σας;

Δεν θα πρέπει να χρησιμοποιήσετε τη μεταβλητή «λάθος»;

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

Απαντήθηκε 06/07/2009 στις 21:49
πηγή χρήστη SolutionYogi

ψήφοι

1

Εδώ είναι μια γενική λύση που θα συνεργαστεί με όλα τα πλαίσια ελέγχου στη σελίδα. Θα εισάγετε ένα μήνυμα λάθους μετά την τελευταία πλαίσιο ελέγχου του ομίλου.

$('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);
    }
});

Απαντήθηκε 18/03/2014 στις 23:06
πηγή χρήστη Johnny Oshika

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

Αντιλαμβάνομαι ότι αυτή είναι μια παλαιότερη ερώτηση, αλλά χρειαζόμουν παρόμοια λειτουργικότητα με τη μορφή και λυθεί αυτό.

Χρησιμοποιώντας jQuery 1.4.2

Έτσι, δίνεται η παρακάτω φόρμα.

<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"/>

Στη συνέχεια, μπορείτε να κάνετε τα εξής

$("#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);
        }
    }
});