» »

Javascript validacija web-to-lead forme

Javascript validacija web-to-lead forme

Bavec87 ::

Živjo! :)

Težave imam z pridobivanjem vrednosti elementov, ki imajo vrednosti, ki se začnejo z dvema ničlama npr. "00ND0000004pUqr" za validacijo. Navadno sklicevanje form.first_name.value tu ne pomaga, saj Javascript takih vrednosti ne prepozna kot veljavnih ID-jev.

Pomagal sem si z getElementByID funkcijo

if(document.getElementById('00ND0000004pUrV').value=='' )
{
alert('Prosimo vnesite spletno stran vaše rešitve.');
return false;
}
return true ;
}

Težave imam sedaj pri validaciji treh checkboxov, uporabnik mora izbrati vsaj enega, da lahko odda formo.

Tale koda mi ne deluje, validacija se v celoti preskoči:

if(document.getElementById('00ND0000004n9YJ').checked== false && document.getElementById('00ND0000004n9YO').checked && document.getElementById('00ND0000004n9YT').checked)
{
alert('Prosimo izberite vsaj eno kategorijo dogodka.');
return false;
}
return true ;
}

Mi lahko nekdo izpostavi kje sem ga polomil? :)

Najlepša hvala! :)

Lp Blaž

Senitel ::

Mal premalkrat == false. ;)

Bavec87 ::

if((document.getElementById('00ND0000004n9YJ').checked== "false") && (document.getElementById('00ND0000004n9YO').checked == "false") && (document.getElementById('00ND0000004n9YT').checked== "false"))
{
alert('Prosimo izberite vsaj eno kategorijo dogodka.');
return false;

Tudi tole ne dela. :)

matonson ::

Probaj tole(false ni string):

if((document.getElementById('00ND0000004n9YJ').checked== false) && (document.getElementById('00ND0000004n9YO').checked ==false) && (document.getElementById('00ND0000004n9YT').checked== false))
{
alert('Prosimo izberite vsaj eno kategorijo dogodka.');
return false;
}

Lion29 ::

toplo priporocam jquery

pa se ena zlo pomembna stvar!

IDji se ne smejo zaceti s stevilko

http://stackoverflow.com/questions/7057...
Founder and CTO @ Article-Factory.ai

Bavec87 ::

@matonson: Sem tudi že probal in ravno tako ne dela.

@Lion29: ID-ji so od custom objektov v Salesforce CRM in se jih nažalost ne da spreminjati. Če vidiš v mojem prvem postu, sem naredil workaround z document.getElementByID funkcijo. Zakomplicira se tukaj pri AND operatorju. Jqueryja zaenkrat še ne poznam. Na kakšen način bi se dalo pa z Jqueryjem to rešit? :)

Lion29 ::

Cisto komot lahko resis IDje, recimo tako, da prefixas spredaj nek string, recimo:

id_00ND0000004n9YJ


jquery je pa js framework, ki ti zeloooo olajsa najbolj osnovna in izredno "naporna" opravila....na netu je OGROMNO materiala kako startat

v tvojem primeru bi to resil takom, da na sklop poda en class in potem preverjas kolko jih je chekiranih, ce ni noben, javi napako

<checkbox class="cat" value="00ND0000004n9YJ" checked="" />
<checkbox class="cat" value="00ND0000004n9YO" checked="" />
<checkbox class="cat" value="00ND0000004n9YT" checked="" />


var is_checked $('.cat:checked').length;

if(!is_checked).....alert('Izbrati morate vsaj enega');
Founder and CTO @ Article-Factory.ai

Bavec87 ::

Ker nisem še nikoli rabil Jqueryja bi se mu rad izognil, če se le da, saj se mi malo mudi.

Nekaj more biti narobe z AND operatorjem, saj mi spodnja koda deluje. Pač user mora obkljukati vse tri checkboxe, rad bi naredil pa tako, da bi mogel vsaj enega. Res mi ni jasno, zakaj operator naredi razliko. :|
if(!(document.getElementById('00ND0000004n9YJ').checked) || !(document.getElementById('00ND0000004n9YO').checked) || !(document.getElementById('00ND0000004n9YT').checked))
{
alert('Prosimo izberite vsaj eno kategorijo dogodka.');
return false;
}

Gandalfar ::

Ne lej. Ce sumis da je && problem, potem vsak expression poslji skozi console.log in en bo zihr false.

Bavec87 ::

To naredim na ta način?
console.log(document.getElementById('00ND0000004n9YJ'))


Sedaj sem poštartal Firebug, ki mi je pokazal na napako.
 Napaka

Napaka


Še vedno pa ne vem, zakaj je to napaka. Saj je samo logični operator. :|

Zgodovina sprememb…

  • spremenil: Bavec87 ()

Lion29 ::

druga napaka klice jQuery funkcije, ki ga ocitno nimas ;)
Founder and CTO @ Article-Factory.ai

Gandalfar ::

Ah lol. Nekaj, morebiti tvoj editor ti & pretvori v html entiteto :)

Bavec87 ::

Ta editor je Wordpress stran. Zaradi druge napake ne b smelo biti problema, saj gre zadeva vseeno lepo skozi. Kako bi lahko naredil nek workaround tega problema, da bi wordpress prepoznal AND operator? Imate kakšno idejo? :)

Lion29 ::

naisi AND namesto &&
Founder and CTO @ Article-Factory.ai

Bavec87 ::

Ni pomagalo. :|

Bavec87 ::

Bi se mogoče dalo kako obrnit if stavek npr. namesto:
if prvi=false and drugi=false and tretji=false return false
namesto tega pa:
if prvi = true or drugi=true and tretji=true return true

Bi bilo možno kaj takega? :)

MasterBlaster ::

Lej editor ti pokvari kodo, zato ne dela. Poskusi ckeditor. Obstaja plugin za WP. Potem pa kodo piši v source načinu in ne WYSIWYG.

Pa jquery se čim prej nauči. getElementByID ne dela v starih IE-jih.
Tk je pa pika .

technolog ::

Koga briga za stare IEje?

OP: Kaj maš to za en glup editor, ki ti konvertira entitete znotraj SCRIPT taga?

Bavec87 ::

Editor je TinyMCE, ki ga uporablja Wordpress.

Poleg tega sem opazil, da tudi ostala validacija na strani ne deluje, saj imamo v stranici strani še eno prijavno formo, ki prav tako uporablja JS validacijo in se potem to tepe med sabo in ne deluje pravilno, saj je vse na isti strani. Kako bi se dalo te validacije med seboj ločiti glede na gumb, na katerega uporabnik klikne? Tud nekje sem zasledil, da se da JS kodo klicat na stran s zunanje datoteke. Kam se to datoteko postavi in kako se nanjo pokaže?

Pa tudi mi ni jasno kako se vključi CSS na page, CSS je že narejen in tudi uporabljen na drugih straneh. Verjetno je treba samo nekako klicat style.css datoteko. Ostale prijavne forme so narejene z nekim plug-inom, ki CSS vključi že sam, tako da nimam kam pogledat.

Vsaka informacija ali napotek bo dobrodošla. ;)

Lp Blaž

Gandalfar ::

Ja, poglej si custom page/post template pa nehaj javascript tlacit v contet editor, ki temu ni namenjen.


Vredno ogleda ...

TemaSporočilaOglediZadnje sporočilo
TemaSporočilaOglediZadnje sporočilo
»

[PHP/JavaScript] tic tac toe

Oddelek: Programiranje
171692 (1425) illion
»

JavaScript zunaj HTML

Oddelek: Izdelava spletišč
111284 (1182) *wolf*
»

[Ajax in Java] v IE6 dela, v Firefoxu ne

Oddelek: Programiranje
241922 (1676) krho
»

Internet strani kot slideshow

Oddelek: Izdelava spletišč
212115 (1866) sverde21
»

[JavaScript] display=bolock/none

Oddelek: Izdelava spletišč
61052 (1004) MasterBlaster

Več podobnih tem