HEADER

I have a typical Contact Us form, with two fields Email and Verify Email. I need the validation to compare the two, and fail if they are not equal.

ok, step #1- add this class to the tag of the verify email field:

class="validate-the_same_value" title="email_field_id"

open mooValidation.js under components/com_chronocontact/js/

after this line :
Validation.addAllThese([

add :

['validate-the_same_value', 'Please use letters only (a-z) in this field.', function (v) {
return Validation.get('IsEmpty').test(v) || ((elm.value == $(elm.getProperty('title')).value)? true : false )
}],

Let me know!

Cheers

Max

My two fields now look like this:

Code: Select all

<tr>
  <td style='width: 120px'>Email:</td>
  <td><input type='text' class='required' name='email'
    value='<?php echo $_POST['email'];?>'></td>
</tr>
<tr>
  <td style='width: 120px'>Verify email:</td>
  <td><input type='text'  name='vemail'
    class='validate-the_same_value' title='email'></td>
</tr>

and the line in the code, right before the 'required' code is...

Code: Select all

['validate-the_same_value',
  'This field must contain the same value as Email.',
  function (v) {
    return Validation.get('IsEmpty').test(v)
      || ((elm.value == $(elm.getProperty('title')).value)
        ? true : false )
  }],
['required

and when they're not equal, the form still posts.

Here's what I've done to check it...

I noticed no matter what I put in Verify Email, it wasn't verifying. So I put an alert at the start of the verification, and it never hits it.

Then I noticed that the Verification library was set to Prototype, so I changed it to mootools ... after which NOTHING verified, ever the empty required fields.

Hi,

Ok, actually you should also have id='email' in the EMail field tag!

next, if this didnt work, try this, remove this from the validation function :

Code: Select all

|| ((elm.value == $(elm.getProperty('title')).value)? true : false )

then test that the Verify email field is getting validated for being not Empty and all other validations are fine, if it worked then the problem is with this last part and we will fix it, sorry but I didn't set on my office PC to check this yet!

Cheers

Max

I'm afraid we'll need to take this one step at a time... I did add the 'id' to the email tag, I had noticed that the code was looking for it and it wasn't there. That didn't make a difference.

The fact is, I have backed out the entire addition from the .js file, putting it back to the way it was. The two fields prior to the email fields in my form are both required. When I set validation to prototype, and attempt to tab from the first empty field to the second, I am told that the field is required. When I set validation to use mootools and do the same, there is no validation.

Whatever is preventing mootools from validating, I expect, is making us think the new routine is not working too.

Can you give me some idea of how to troubleshoot why the mootools verification setting isn't verifying?

Ok. Have mootools validate working now. Turns out my default editor was not treating the end-of-line correctly.

So, now all the normal validation works. What's not happening, is the new routine is not being invoked by class=... in the tag. I even changed it to have the validation return a value no matter what, to cause the validation to fail, and... nothing.

It has only one class. It's online at http://ayendesigns.com/testing/visible-strategies/contact-us

Thanks.

The Verify Email field passes a Title of 'email'. The script uses the title field of the verified field to use as the id of the field to compare, and the email field has an id of 'email'.

However, that's not the problem.

If I just remove all of the test in the script, and replace it with returning a value to fail the validation, it does not... it's not being invoked by "class=" in the verified field.

Hi baalwww,

did you try Bob's last code edit above ? maybe it will work ? whats the main problem we have now ? you say that class is not triggered, what if you added class="required" to the verify email address field, does it get validated ?

Hi. Okay, here's where I am:

1. I changed the class to required, and it DOES fire.

2. I changed class back to the original, and changed the code in the validation routine to return false, and it DOES fire and fail validation.

So, it appears to be a problem with the code. I'm suspecting that

Code: Select all

elm.value == $(elm.getProperty('title')).value)

is not evaluating.

I tried putting an alert just prior to the return, to see what it is evaluating to, and I get an error in firebug that elm does not exist.

hi,

try replacing function(v) with : function (v,elm)

??

Max