close ad
WARNING PC USERS: Do Not Install the DREAMWEAVER CC 2017 Update »
open ad
View Menu

Technical Support Forums

Free, outstanding support from WebAssist and your colleagues

rating

CSS Form Validation Effects

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

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?

Sign in to reply to this post

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.

Sign in to reply to this post

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?

Sign in to reply to this post

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.

Sign in to reply to this post

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>
Sign in to reply to this post

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:)
    
}
  }
}
?>/>
Sign in to reply to this post

DarylBeta Tester

Spot on!

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

Thanks yet again!

Sign in to reply to this post

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" == ""))  {
Sign in to reply to this post

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.

Want your website pre-built and hosted?

Close Windowclose

Rate your experience or provide feedback on this page

Account or customer service questions?
Please user our contact form.

Need technical support?
Please visit support to ask a question

Content

rating

Layout

rating

Ease of use

rating

security code refresh image

We do not respond to comments submitted from this page directly, but we do read and analyze any feedback and will use it to help make your experience better in the future.

Close Windowclose

We were unable to retrieve the attached file

Close Windowclose

Attach and remove files

add attachmentAdd attachment
Close Windowclose

Enter the URL you would like to link to in your post

Close Windowclose

This is how you use right click RTF editing

Enable right click RTF editing option allows you to add html markup into your tutorial such as images, bulleted lists, files and more...

-- click to close --

Uploading file...