We launched new forums in March 2019—join us there. In a hurry for help with your website? Get Help Now!
    • 33657
    • 128 Posts
    Is it possible to animate validation or the thankyou page fading in?

    <script>
    $(document).ready(function() {
    $('#myform').delay(250).fadeIn(400);
    });
    </script>


    what about the error messages? etc... jQuery support would be great for aesthetics.
      • 8790
      • 526 Posts
      hmm,

      As I’m finishing one new form, I felt on your post.

      Afaik, the eform validation process take place after the user has clicked the submit button.
      So I guess the actions won’t take place in some "ajaxsified" manner.

      The php rebuilds the page with some element that would differs from the original state (new class added for required field or invalid data regarding eform validation rules)
      see doc: &invalidClass=`not-valid` and &requiredClass (have a look here : http://spreadsheets.google.com/pub?key=pHJSI5ye5FxqRfh1nEPCnJA&gid=10)

      If we want to animate somehow the DOM for item that displays some error, I can see one easy way (but I m not a php guru):

      on the returned page, you hide(fast) all item targeted by the errors classes eform put, and callback some animate() for those, in order to make them reappear in a funny way.

      Another way could be to use one of the numerous jQuery scripts you could find to handle "on the fly" the filling of the form.
        Schtroumpf Grognon - Grouchy Smurf
        ---------------------------------
        Faites pas attention.. - Don&#39;t pay attention
        http://www.dzi-neo.net
        • 33657
        • 128 Posts
        yeah... sad I figure I can just remove validation all together and then force validation with JQUERY "before" i hit submit, then assuming that when I hit submit the validation is correct... or do some NINJA skills... but I just didn’t know if I was missing a obvious way or the author has some more insight.. since its his baby... for now its not the end of the world because it works.. but as the web moves to CSS3 and jquery / ajax stuff it just looks so much sharper when things fade in smiley
          • 8790
          • 526 Posts
          you’re probably right

          A full js direct treatment is quit good looking, but wont be cool for some specific client (I’m thinking about vocal reader and some non js terminal - yes old discussion!)

          What I do whan I really want to be accessible, if i wanted to add some jQ validation script, would be to add this after the basic page is loaded (this way, no prblem if the clien has no js)
          The basic page would have right css to make the error classes fully visible. And if jQ add its own logic afterall, you hit to target : good looking up to date ’ A la jQuery’ + accessibility.
          that’s the key.
            Schtroumpf Grognon - Grouchy Smurf
            ---------------------------------
            Faites pas attention.. - Don&#39;t pay attention
            http://www.dzi-neo.net