aria-required does not work

I’ve created a custom registration form as described here: http://www.s2member.com/kb/pro-forms/#customizing-pro-forms with custom fields as described here: http://www.s2member.com/kb/pro-forms/#custom-data-w-pro-forms.

Everything works, except for the javascript validation. Should it be enough to add ‘aria-required=”true”‘ to trigger the javascript validation, or does this need more html structure around the input fields as is in the paypal-registration-form.php?

The validation mentioned in the tutorial would be to make sure the required fields aren’t empty, but the JS won’t validate the input.

To check that the input is correct (e.g. format), you’d have to customize the hack part in step 3 a bit. http://www.s2member.com/kb/pro-forms/#custom-data-w-pro-forms

This post by Jason may help too: http://www.s2member.com/forums/topic/registering-without-required-fields/#post-10707

Thanks for your answer.

That was what I meant with JavaScript validation ;-) It doesn’t check whether the fields are empty or not. Doesn’t matter if I use aria-required=”true” or not, I can submit the registration form with empty fields.

Ah, got ya. Does that same validation work for other fields that weren’t customized? Or does it work with the pro-form with the default template?

You can try these too: Knowledge Base » Common Troubleshooting Tips

Could you please send your site’ sinfo? I’d like to take a look at the page with the pro-form using the custom template. Please include the page where you have the pro-form, and leave a reply here after you send it. Thanks! s2Member® » Private Contact Form

I’ve ‘fixed’ this by using the exact same html-structure around the input fields as the default template. I don’t have the other version online any more, so I can’t send you the link. But for now it has been fixed, maybe in another project I will investigate this further.

Oh, that’s great! I’m glad you fixed it.

I’ll ask Jason if there’s any requirement for the validation to work, based on what you found. Thanks!

Jason explained to me what is required for the JS validation to work, and I added it to the article right after the example code here: http://www.s2member.com/kb/pro-forms/#custom-data-w-pro-forms

I hope that clarifies it.

Thanks!

No problem. :)