I need to show a message when the joinform fields are wrong, no just the red notifications beside the fields. Something like a bigger alert.
I need to show a message when the joinform fields are wrong, no just the red notifications beside the fields. Something like a bigger alert. |
I keep hoping that someday Boonex will make the error messages on all forms on the site more user-friendly so that when there's an error, it says something like "Check your form for more information about the errors" along with those clever little magical clues that other sites seem to manage - pop-ups with the red notifications that tell you what the error is when you mouse-over the error icon.
As it stands now, many of the forms seem to be intended to make the user frustrated with the lack of information about why the form didn't go through. No bueno. |
Try this mod. http://www.boonex.com/m/Advanced_AJAX_join_page I think that will do what you want. It's a little weird in the date field, but once the user has passed that, you are good to go. It even supports extra fields that you add in. I have the members confirm their email. I also have a 2 page join form with the captcha on the 2nd page to kill the chinese spammer bots. http://www.mytikibar.com |
Thanks, Steve but I can't pay for any module. I have to find the way to make it myself,if you have any idea of how to do it. |
Javascript is most likely the magic bullet here. Keep in mind everything i'm experienced with is 7.1, but the join form sounds much the same.
When you hit submit, ajax is run, and any fields not up to par have their associated (!) icon displayed. The way that is displayed, simply by changing the css. Now, you could completely bypass the last part, and pop up a fancy light box with a list of their errors, or other creative and fun things. To do this yourself your going to need some experience programming, and at least a mild understand of the capabilities of css/javascript. In any case, the file to look at is ./your_root_directory/inc/js/join.js |
norcare thanks a lot, I have changed join.js, it work great. |