Zwei class-Angaben möglich?

Tobbe5 · 20. Januar 2012, 14:33

Hallo zusammen,

ich habe ein Problem mit einer jquery validationEngine. Und zwar soll diese die input-Fehler immer auf ausgefüllt überprüfen (bei Pflichtfeldern). Sagen dass es ein Pflichtfeld sein soll mache ich dann über class="validate[required]". Soweit so gut, bei normalen input-Feldern klappt das auch, aber nun habe ich beispielsweise den Datepicker im Nutzen und so sieht er bisher aus:

Quellcode

<input type="text" class="datepicker" name="datumbis"/>

Wie man sieht, wird das Input-Feld zum Datepicker mithilfe der Class-Angabe "datepicker". Jetzt möchte ich jedoch gerne zusätzlich das Feld noch als Pflichtfeld definieren. Wie bekomme ich also in das input-Feld quasi "zwei class Angaben" rein? Leider ist es nicht nur beim Datepicker so, sondern auch beim Timepicker und meinem Upload sind feste classen vorgegeben...

Ich hoffe mir kann jemand helfen

Fragz · 20. Januar 2012, 15:25

Hallo,

Normal sollten 2 class angaben möglich sein

Quellcode

<input type="text" class="datepicker 2classangabe" name="datumbis"/>

Wieso machst den nicht einfach das Pflichtfeld mit required?

Quellcode

<input type="text" class="datepicker" name="datumbis" required/>

malo.conny · 20. Januar 2012, 15:38

du kannst beliebig viele class mit geben, immer mit einem Leerzeichen getrennt.

Sinan Ek · 21. Januar 2012, 12:30

Du kannst auch mit jquery zb. sowas machen:

Quellcode

$('.datepicker.2classangabe').hover(function(){
$(this).animate({'opacity':'0.8'});
});

Vielleicht hilft es dir?

Tobbe5 · 23. Januar 2012, 09:22

Super, danke! Jetzt kommt wenn ich das leer beispielsweise frei lasse und in ein anderes input-Feld gehe das Tooltip "Bitte ausfüllen, Pflichfeld".

Aber sofort hat sich ein neues Problem eingeschlichen: Nutze ich bei dem datepicker, timepicker, upload und colorpicker die "zweite classangabe" wird beim absenden des formulares nicht mehr die automatische Überprüfung durchgeführt (Also quasi dass man das formular gar nicht mehr absenden kann bevor alle Pflichtfelder ausgefüllt sind) - Wie bekomme ich diese Überprüfung wieder hin?

Jan Thurau · 23. Januar 2012, 14:11

Wie genau wendest du die Überprüfung an (Code)?

Tobbe5 · 24. Januar 2012, 21:52

Hatte vorher zwei Class reingehauen (Also class="eins" class="zwei") - jetzt bemerkt (ok war auch bissl blöd von mir) dass es mit class="eins zwei" klappt.

Mein Codes die da anscheinend dran schuld sind sehen so aus:

Quellcode

<input type="text" class="datepicker validate[required]" name="datumvon" id="datumvon"/>
<input type="text" class="timepicker validate[required]" size="10" name="uhrzeitvon" id="zeitvon">
<input type="file" class="fileInput validate[required]" id="fileInput" name="bild" />
<input type="text" class="colorpick validate[required]" id="colorpickerField" name="eventfarbe" />
<label for="colorpickerField" class="pick" ></label>

Klappt auch soweit alles wie oben schon beschrieben, also Tooltip wird angezeigt - Nur ist dann die jQuery Überprüfung "außer kraft gesetzt", die dafür sorgt, dass nach dem Klicken auf "Senden" die seite hoch scrollt zu den noch nicht richtig ausgefüllten feldern... Er schickt das Formular also ohne Überprüfung sofort ab.

Als Beispiel habe ich vorhin eine Demo gefunden: position-relative.net/creation…demos/demoValidators.html
Einfach mal unten auf "Senden" klicken und schauen was passieren sollte

Der js Code:
position-relative.net/creation…ry.validationEngine-en.js
position-relative.net/creation…query.validationEngine.js

Tobbe5 · 5. März 2012, 12:48

Kann mir hier keiner weiterhelfen?

Torben Brodt · 5. März 2012, 20:31

Ich würde sagen das ist ein Bug im Validator.
Willst du den fixen? Ansonsten schreib einfach mal ein Bugreport an den Entwickler, der freut sich bestimmt seinen Code verbessern zu können,
Ansonsten schau dir mal html5 form.js an, das ist auch ein guter jQuery Validator mit HTML5 Syntax: t3n.de/news/jquery-tools-form-272785/

Zwei class-Angaben möglich?

Zwei class-Angaben möglich?

Quellcode

Quellcode

Quellcode

Quellcode

Quellcode

Teilen

Benutzer online 6

Tags