Technical Support Forums

Free, outstanding support from WebAssist and your colleagues

› WebAssist Forums › Data Bridge › Validation Toolkit › CSS Form Validation Effects

CSS Form Validation Effects

Thread began 9/01/2009 4:52 am by Daryl | Last modified 9/04/2009 4:06 pm by Jason Byrnes | 5709 views | 7 replies |

9/01/2009 4:52 am | #1 DarylBeta Tester

CSS Form Validation Effects

I have just been reading the "How to" regarding adding CSS to validating form fields.

If I use this method, I assume that I need to set the redirect if failed option to the form page?

9/01/2009 1:57 pm | #2 Jason ByrnesWebAssist

Yes, if the forms action is to post to another page, you will need to set the redirect on failure to go to the form page.

9/01/2009 2:53 pm | #3 DarylBeta Tester

Thanks Jason, I thought so, but thanks for clarifying.

I have tried recreating this effect on the Log In page (made by SA) but can not seem to get it to work. I tried following a suggestion from another thread which talked about creating a recordset which checked the form field value against the database, which I think I have done. In order to do this I guess I need to create a form variable which is then used in the recordset, but I have never done this before and don't know where to put the form variable in order for it to work.

It was then suggested that I create a "Show If RS Not Blank", however I don't understand how this will work, for example;

If I create a RS that checks the form against the database (Form Field = Database Column) and the entry is there, it will output the result which would activate the show if. If the entry wasn't in the DB it would send back no date which would not activate the show if.

If I change the "Show if RS is blank" then the error shows every time I load the page.

The Login Form is from SA, I also have Validation Toolkit and lots of other WA products if the helps?

9/01/2009 4:54 pm | #4 Jason ByrnesWebAssist

See my post in the other thread:
showthread.php?t=2740

In that thread, you are not using validation toolkit, so the method for changing the css will not apply.

9/02/2009 11:24 pm | #5 DarylBeta Tester

Thanks Jason!

Is there a way to add the background css colour change to a form field for two types of validation?

The problem that I get is that I can not add two class="" to one form field.

I was thinking of adding an OR statement but can't seem to get it to work.

I have put the relevent section of code below;

php:

<th>Retype Password:</th>

            <td><label for="pw2"></label>

              <input name="pw2" type="text" id="pw2" value="<?php echo(ValidatedField("Registration","pw2")) ?>" size="32"                            <?php

if (ValidatedField('Registration','Registration'))  {

  if ((strpos((",".ValidatedField("Registration","Registration").","), "," . "3" . ",") !== false || "3" == ""))  {

    if (!(false))  {

?>

        class="errorbackground"

<?php //WAFV_Conditional Registration.php Registration(3:)

    }

  }

}?>/>

              <?php

if (ValidatedField('Registration','Registration'))  {

  if ((strpos((",".ValidatedField("Registration","Registration").","), "," . "4" . ",") !== false || "4" == ""))  {

    if (!(false))  {

?>

                <div class="errortext">Passwords did not match</div>

<?php //WAFV_Conditional Registration.php Registration(4:)

    }

  }

}?>

<?php

if (ValidatedField('Registration','Registration'))  {

  if ((strpos((",".ValidatedField("Registration","Registration").","), "," . "3" . ",") !== false || "3" == ""))  {

    if (!(false))  {

?>

  <div class="errortext">Please retype your password</div>

  <?php //WAFV_Conditional Registration.php Registration(3:)

    }

  }

}?></td>

9/04/2009 1:26 pm | #6 Jason ByrnesWebAssist

Is this what your after:

php:

<input name="pw2" type="text" id="pw2" value="<?php echo(ValidatedField("Registration","pw2")) ?>" size="32"                            <?php

if (ValidatedField('Registration','Registration'))  {

  if ((strpos((",".ValidatedField("Registration","Registration").","), "," . "3" . ",") !== false || "3" == "") || (strpos((",".ValidatedField("Registration","Registration").","), "," . "4" . ",") !== false || "4" == ""))  {

    if (!(false))  {

?>

        class="errorbackground"

<?php //WAFV_Conditional Registration.php Registration(3:)

    }

  }

}?>/>

9/04/2009 1:42 pm | #7 DarylBeta Tester

Spot on!

I just couldn't figure out how to join them together.

Thanks yet again!

9/04/2009 4:06 pm | #8 Jason ByrnesWebAssist

Cool, the key is in the middle if statement. Originaly it was:

php:

if ((strpos((",".ValidatedField("Registration","Registration").","), "," . "3" . ",") !== false || "3" == ""))  {

To add the or to it:

php:

if ((strpos((",".ValidatedField("Registration","Registration").","), "," . "3" . ",") !== false || "3" == "") || (strpos((",".ValidatedField("Registration","Registration").","), "," . "4" . ",") !== false || "4" == ""))  {

Build websites with a little help from your friends

Your friends over here at WebAssist! These Dreamweaver extensions will assist you in building unlimited, custom websites.

Build websites from already-built web applications

These out-of-the-box solutions provide you proven, tested applications that can be up and running now. Build a store, a gallery, or a web-based email solution.