[Javascript] Making a Inline validation using js DOM and CSS part II
Alexander Freiria
xandercoded at gmail.com
Thu Mar 12 15:04:01 CDT 2009
dudo beng :D
On Thu, Mar 12, 2009 at 3:03 PM, MEM <talofo at gmail.com> wrote:
> 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
>
> _______________________________________________
> Javascript mailing list
> Javascript at lists.evolt.org
> http://lists.evolt.org/mailman/listinfo/javascript
>
More information about the Javascript
mailing list