Jan Egbert
Member
I've noticed that annoying forms that want me to type my email address twice are not as useless as they seem. For a subscription form that has been filled out hundreds of times now, many people made a mistake in the email address.
So I made a form that has two required email fields. Now I'm looking for a simple way to check if these two fields contain the same value before accepting submitting of the form. Would this be possible with one of the hooks?
I have forwarded this request to Alex who will be able to answer it better. I know you can use the hooks to compare the two fields, however i'm not 100% sure on the validation side of things. Alex will be able to answer this question better... so keep an eye out for his response.
Jan,
Unfortunately we don't have a hook that allows you to have custom validation. We have had this request before and It is on my list for 1.4, but we don't have a timeframe for that version yet.
What you could do is use jQuery and perform the validation with javascript. It is not bullet proof or very pretty, but it might do the trick for you.
If you are interested in trying that approach, I can help you with a code snippet.
Jan Egbert
Member
I tried this method: http://docs.jquery.com/Plugins/Validation/Methods/equalTo
$("#gform_1").validate({
rules: {
input_4: "required",
input_19: {
equalTo: "#input_1_4"
}
}
});Added some CSS, but so far I haven't been able to get it to work. Although it looks pretty straight forward.
Jan,
I couldn't get the validation plugin to work neither, but the following should do the trick. A little bit more complex, but not too bad. Just make sure you include the jQuery library on that page. Let me know how it goes.
jQuery(document).ready(function(){
jQuery("input.button").click(
function(){
if(jQuery("#input_1_4").val() != jQuery("#input_1_19").val())
{
jQuery("#field_1_19").addClass("gfield_error");
jQuery("#field_1_19 .validation_message").remove();
jQuery("#field_1_19 .ginput_container").append("<div class='gfield_description validation_message'>Your emails do not match.</div>");
return false;
}
}
);
});Good stuff Jan!
I am glad it worked for you.
rzn8media
Member
You could use the jQuery Form Plugin to utterly hi-Jack the form on submit, use the ajaxSubmit or ajaxForm options and the validate plugin to do all the custom validation, and then you could use the "return false" to prevent GravityForms from handling it at all.
I don't know if you have used the jquery forms plugin much Alex.. Has anyone tried this before?
digitalleap
Member
I also came here looking for a solution, preferably one that allowed me to be flexible and have it run over many forms. I took the code by Alex and did a bit of hacking on it so that I could "enable" the confirmation in the backend.
jQuery(document).ready(function(){
jQuery("input.button").click(
function(){
if(jQuery(".email input").val() != jQuery(".confirm-email input").val())
{
jQuery(".confirm-email").addClass("gfield_error");
jQuery(".confirm-email .validation_message").remove();
jQuery(".confirm-email .ginput_container").append("<div class='gfield_description validation_message'>Your emails do not match.</div>");
return false;
}
}
);
});So now all you need to do is create an email field and give it a class name of "email" in the advanced tab and then create a single line text field (people do not need to be told twice that they have not entered a valid email) and give it the class name "confirm-email".
What you guys think?
Only down side is that the validation run before the rest of the form validation but at least it is there.
