magical email address verification

User 2056177 Photo


Registered User
232 posts

Is possible for an element to show by using the display rule after both elements in a magical email address matches and not by just putting one letter into the verify part?
Pete.
User 187934 Photo


Senior Advisor
20,181 posts

Hi peter,
You should be able to use some jQuery by targeting the name of the confirmation input
$( "input[name='email2_verification']" ).val();
I can't hear what I'm looking at.
It's easy to overlook something you're not looking for.

This is a site I built for my work.(RSD)
http://esmansgreenhouse.com
This is a site I built for use in my job.(HTML Editor)
https://pestlogbook.com
This is my personal site used for testing and as an easy way to share photos.(RLM imported to RSD)
https://ericrohloff.com
User 187934 Photo


Senior Advisor
20,181 posts

I through together a quick example for ya.;)
http://progrower.coffeecup.com/forms/ma … il-unhide/
I can't hear what I'm looking at.
It's easy to overlook something you're not looking for.

This is a site I built for my work.(RSD)
http://esmansgreenhouse.com
This is a site I built for use in my job.(HTML Editor)
https://pestlogbook.com
This is my personal site used for testing and as an easy way to share photos.(RLM imported to RSD)
https://ericrohloff.com
User 2056177 Photo


Registered User
232 posts

Thanks Eric but no matter how I try, I cannot get it to work.
What I am trying to do is to make it so that anyone filling in a form cannot continue until they have entered their email address and verified it.
Verification would then make the next element show so that they can continue the rest of the form.
Hope this makes sense of what I am trying to achieve.
Any more help would very much appreciated.
Pete
User 187934 Photo


Senior Advisor
20,181 posts

Can I see the form your working on? My example was only a quick one to show the concept.
I can't hear what I'm looking at.
It's easy to overlook something you're not looking for.

This is a site I built for my work.(RSD)
http://esmansgreenhouse.com
This is a site I built for use in my job.(HTML Editor)
https://pestlogbook.com
This is my personal site used for testing and as an easy way to share photos.(RLM imported to RSD)
https://ericrohloff.com
User 2056177 Photo


Registered User
232 posts

Hi Eric,
I've put up a test page with the part of the form that I'm trying to get to work.
The problem that I have is that if you only put in one letter into the first part of the email and then click the confirm box, the next element appears.
What I am trying to do is for that element to remain hidden until both of the email addresses match.
Is this possible?
Pete.

http://www.tvbr.org.uk/test/TEMPLATE.html
User 187934 Photo


Senior Advisor
20,181 posts

Did you test mine? What do you want to show after they fill in the confirm box?
I can't hear what I'm looking at.
It's easy to overlook something you're not looking for.

This is a site I built for my work.(RSD)
http://esmansgreenhouse.com
This is a site I built for use in my job.(HTML Editor)
https://pestlogbook.com
This is my personal site used for testing and as an easy way to share photos.(RLM imported to RSD)
https://ericrohloff.com
User 2056177 Photo


Registered User
232 posts

The code is yours but slightly modified to my element names. If you put one letter into the first email box and then place a curser into the email verification box, the next element appears.
What I am trying to do is to make it that this element will only show after a matching email address is entered into both boxes.
Pete
User 187934 Photo


Senior Advisor
20,181 posts

I tweak the code to fit your form. Remove any conditionals on your O14-AGREED select.
Give this a try.
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script> <script type="text/javascript">var jQ = $.noConflict(true);
jQ(document).ready(function(){
jQ("#item698").hide();
jQ("input[name='email72_verification'],input[name='O13-EMAIL']" ).bind('keyup blur change',function(){
var jQnonempty = jQ("input[name='email72_verification']" ).filter(function() {
return this.value != ''

});
var jQequals = jQ("input[name='O13-EMAIL']" ).val();
if (jQnonempty.length !== 0 && jQnonempty.attr('value') == jQequals ) {
jQ("#item698").show();
}else{jQ("#item698").hide();}

});

});</script>
I can't hear what I'm looking at.
It's easy to overlook something you're not looking for.

This is a site I built for my work.(RSD)
http://esmansgreenhouse.com
This is a site I built for use in my job.(HTML Editor)
https://pestlogbook.com
This is my personal site used for testing and as an easy way to share photos.(RLM imported to RSD)
https://ericrohloff.com
User 2056177 Photo


Registered User
232 posts

Thanks Eric, your'e a star!
Its working absolutely the way that I wanted it to.
Brilliant!
Thank You So Much.
Pete

Have something to add? We’d love to hear it!
You must have an account to participate. Please Sign In Here, then join the conversation.