HTML Form validate + CSS
2012-09-29T17:30:48+02:00
2012-09-29T20:56:42+02:00
2022-07-19T01:42:36+02:00
  • A megjelenő span-ok nincsenek absolute pozicionálva, szóval esélytelen, hogy a helyükre kerüljenek.
    Esetleg nézd meg az errorPlacement opciót a doksiban. Az error-nak adhatsz akár style-t, akár előre letehetsz diveket, ahova pakolod az üzenetet az element.attr("name") alapján.

    Persze biztos van más, akár szebb megoldás is.
    Mutasd a teljes hozzászólást!
  • A fordítás sikerült, viszont a szövegek még mindig szét vannak szórva..

    A szövegek és a mezők helyét sajnos pozícióval (x,y) kell megadnom, mert a számok cserélődni fognak egy nagyobb projekt keretében.
    nincsen semmilyen lehetőség arra, hogy jól jelenítse a required szövegeket?
    Mutasd a teljes hozzászólást!
  • fordítás

    A formodat meg egyszerűsítsd le. A validate plugin simán az input mögé szúrja be az üzenetet, de az össze vissza floatolás és pozícionálás miatt ezek "eltévednek".
    Mutasd a teljes hozzászólást!
  • Sziasztok!
    Nemrég kezdtem ismerkedni a HTML+CSS+JavaScript-el, és zsákutcába futottam. HTML űrlap kitöltésnél az ellenőrzés szövegével nem tudok mit kezdeni, a lapon összevissza jelennek meg a "This field is required." szövegek. hogyan lehetne ezeket a beviteli mezők mögé igazítani, és esetleg magyarosítani lehetne-e?

    itt a html oldal forráskódja is:

    <HTML> <BODY> <script src="http://code.jquery.com/jquery-latest.js"></script> <script type="text/javascript" src="http://jzaefferer.github.com/jquery-validation/jquery.validate.js"></script> <style type="text/css"> * { } label { width: 10em; float: left; } label.error { float: none; color: red; padding-left: .5em; vertical-align: top; } p { clear: both; } .submit { margin-left: 12em; } em { font-weight: bold; padding-right: 1em; vertical-align: top; } #stylized label.error {font-size: 12px; color: red; margin: -20px 0px 0px 170px;}</style> <script> $(document).ready(function(){ $("#commentForm").validate(); }); </script> <form class="cmxform" id="commentForm" name="myForm" onsubmit="return ValidateForm()" style="position:relative" method="post"> <div id="e0" style="position:relative; border: 2px coral solid"> <span name="cimke2" style="position:absolute; top:20; left:20">Neved:</span> <input type="text" class="required" maxlength="10" name="mezonev" style="position:absolute; top:18; left:70"/> <font color="red" style="position:absolute; top:23; left:230; ">*</font> <span name="cimke1" style="position:absolute; top:50; left:5">Jelszavad:</span> <input type="password" class="required" maxlength="10" name="mezonev2" style="position:absolute; top:50; left:70"/> <font color="red" style="position:absolute; top:55; left:230; ">*</font> </div> <script> var koord=$('#e0 input:last').css('top'); var koord2=$('#e0 input:last').css('height'); $('#e0').css('height',parseInt(koord,10)+parseInt(koord2,10)+10); </script> <span name="cimke3" style="position:absolute; top:85; left:5">Jelszo ujra:</span> <input type="password" class="required" maxlength="10" name="mezonev3" style="position:absolute; top:83; left:70"/> <font color="red" style="position:absolute; top:88; left:230; ">*</font> <input type="submit" value="OK" style="position:absolute; top:120; left:100;"> </form> </BODY> </HTML>
    Mutasd a teljes hozzászólást!
    Csatolt állomány
Ez a téma lezárásra került a moderátor által. A lezárás oka: Tud�st�rba val�!
Tetszett amit olvastál? Szeretnél a jövőben is értesülni a hasonló érdekességekről?
abcd