[Javascript] Making a Inline validation using js DOM and CSS part II
MEM
talofo at gmail.com
Thu Mar 12 14:03:40 CDT 2009
Sorry. Thanks for point it.
Here it is:
http://ludmila.uuuq.com/teste_php_pagina_v7.html
Regards,
Márcio
-----Original Message-----
From: javascript-bounces at lists.evolt.org
[mailto:javascript-bounces at lists.evolt.org] On Behalf Of Alexander Freiria
Sent: quinta-feira, 12 de Março de 2009 18:40
To: JavaScript List
Subject: Re: [Javascript] Making a Inline validation using js DOM and CSS
part II
How are we supposed to view the new version when you are directing us to a
"localhost" ?!?!?
On Thu, Mar 12, 2009 at 2:28 PM, MEM <talofo at gmail.com> wrote:
>
> "You are telling IE that the following script is:
> <script type="application/javascript" language="JavaScript">
> an Application!"
>
>
> AHHHH!!!!!!!!! (screaming with newbie pain!!!)
>
> "... you are vriting the function "validar" twice(!)"
>
> Yes this one was detected, at least.
>
>
>
> Ok. Here is the new version:
> http://localhost/teste/teste/teste_php_pagina_v7.html
>
>
> And I have made the following tests:
>
> #### QUESTION 1
> #####################################################################
>
> TEST ONE:
> 1) Write something in all form text fields (Nome, Idade, Email).
> 2) Now start deleting what you have written, field by field, and you will
> notice some odd things.
> 3) repeat the process starting the deleting from another field.
>
> What is happening?
> If we start removing what we have introduced from "bottom to top", so, we
> start deleting the data on the "Email" field, that we delete the "Idade"
> field and at last the "Nome" field, we will see that ALL ERROR messages
> appear. Good.
>
> However:
> If we start deleting the text on the textboxes starting on "Nome" then
ONLY
> nome error message will appear.
>
> If we start deleting the text on the textboxes starting in the middle, on
> the "Idade" field, then, we will have another error message IF we delete
> the
> contents of the "Nome" textfield. But we get no new error message if we
> delete the contents of the "Email" field.
>
> I have absolutely no clue about why is this behaving like this. :(
>
>
>
> #### QUESTION 2
> #####################################################################
> TEST TWO: (that probably is related with test one):
> If we don't fill anything on the fields and then we click on the submit
> button.
>
> Issue:
> We will not get three error messages, but only one. The first one.
> I think I know why this is happening. I believe this is happening because
> the "function validateField that is called by function validar() onSubmit,
> behaves like this:
>
> If the value of the first field called on the validar() function is empty,
> then,
> the function validateField will return false; Then, the function stops,
and
> it will not
> execute on the other fields.
>
> I believe I need some kind of loop over the form fields that are being
> validated.
> Telling something like:
> For all form fields that I want to validate,
> If value =="" then displayerrormessageflag=1
> End of the cicle.
> If displayerrormessageflag=1
> Then
> Return false;
>
> (I hope that, with this, I can get the return false; only when the loop
> stops).
>
> Is with something like this that we can solve this kind of issues?
>
>
> #### QUESTION 3
> #####################################################################
> In function validateField
>
> What does this line mean?
> var value = field.value;
>
> Is the value declared as a variable the same thing as the value that
> appears
> after the field. ? Because it seems to me that is not the same. It seems
to
> me that what we are telling in this line is:
>
> In the variable value hold the value of the variable field. So it seems
> that
> we have to assumptions of value in the same line, despite the fact that
> they
> share the same name.
>
> Is this true?
>
>
>
> Thanks a lot. It's absolutely unfair to teach nothing on a mailing list,
> and
> only learn.
> I realize that. And I excuse myself for that. I can't avoid it however,
> since that is part of being a newbie. :( But I promise to read and
> investigate a lot.
>
> Thanks once again,
>
> Regards,
> Márcio
>
>
>
>
>
>
>
>
>
>
> Behalf Of Troy III Ajnej:
>
> The problem is:
>
> You are telling IE that the following script is:
> <script type="application/javascript" language="JavaScript">
> an Application!
>
>
>
> IE is holding your word on it!...
>
>
>
> You can simply declare it as <script> and let IE recognize and
>
> decide how to interpret it. Or you give it the correct description:
>
>
>
> <script type="text/javascript" language="JavaScript">
>
>
> than it will work.
>
>
>
> And
>
> ... you are vriting the function "validar" twice(!) Well, it doesn't cause
>
> any problems - but doesn't help either. :)
>
>
>
> Cheers.
>
>
>
> ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
> Troy III
> progressive art enterprise
> ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
>
>
>
>
>
> > From: talofo at gmail.com
> > To: javascript at lists.evolt.org
> > Date: Thu, 12 Mar 2009 14:49:07 +0000
> > Subject: [Javascript] Making a Inline validation using js DOM and CSS
> part
> II
> >
> > Ok. I've taken Nicks code.
> > I think it's very nice because it allows us to create a general
function,
> > and then, using another function to call that first function with some
> > params. This method of organizing things, allow us
> > to ON upgrading validateField function, to upgrade automatically all
> > validations that we may have made with functionvalidar();
> >
> > But I have several issues:
> >
> > 1)
> > This works more or less on Firefox (the last field (email), does not
> ALWAYS
> > show the error message when it should. But I believe he has the same
code
> as
> > the other two. Why is this working with only two fields and not with
> three?
> >
> > 2)
> > In IE, I get an error when calling the onblur(), it says Error: Object
> > Expected, here:
> >
> > <input type="text" name="nome" id="nome" onblur="return
validar(nome);"/>
> > <input type="text" name="idade" id="idade" onblur="return
> validar(idade);"/>
> >
> > and here,
> >
> > <input type="text" name="email" id="email" onblur="return
> validar(email);"/>
> >
> >
> > Please take a look here:
> > http://ludmila.uuuq.com/teste_php_pagina_v6.html
> >
> >
> > Any clues about how to solve this issues?
> >
> >
> > Please help,
> > Regards,
> > Márcio
> >
> >
> > Ps- About the link: the server is a temp one, sometimes you may get a
404
> > error, but it's a temporary issue. The file is there.
> >
> > _______________________________________________
> > Javascript mailing list
> > Javascript at lists.evolt.org
> > http://lists.evolt.org/mailman/listinfo/javascript
>
> _________________________________________________________________
> Hotmail® is up to 70% faster. Now good news travels really fast.
> http://windowslive.com/online/hotmail?ocid=TXT_TAGLM_WL_HM_70faster_032009
> _______________________________________________
> Javascript mailing list
> Javascript at lists.evolt.org
> http://lists.evolt.org/mailman/listinfo/javascript
>
> _______________________________________________
> Javascript mailing list
> Javascript at lists.evolt.org
> http://lists.evolt.org/mailman/listinfo/javascript
>
_______________________________________________
Javascript mailing list
Javascript at lists.evolt.org
http://lists.evolt.org/mailman/listinfo/javascript
More information about the Javascript
mailing list