RSV html-display

[fyrftr72]

I have implemented the RSV validation script.

Code:

rsv.displayType = "display-html";
rsv.errorFieldClass = "errorFieldDemo2";

var rules = [];
rules.push("required,Name,Please enter your full name.");
rules.push("required,Email,Please enter your email address.");
rules.push("valid_email,Email,Please enter a valid email address.");
rules.push("required,Message,Please enter your message.");

Placed the empty div: <div id="rsvErrors"></div> where I want it.

I then embedded the CSS on the form page.

Code:

.errorField {
    background-color: #990000;
    color: white;
  }

.errorFieldDemo2 {
    background-color: #FFECB3;
    color: #990000;
  }

It works but the problem is it will not call the "errorFieldDemo2". It loads a generic error list.

Thanks for your help, Gene

[Ben]

Hey Gene,

Ah - the rsv.errorFieldClass setting is an optional CSS class that it assigns to fields that fail the validation - not to the error messages that are inserted into the page. To do that, just add the class to the main rsvErrors element, like so:

Code:

<div id="rsvErrors" class="errorField"></div>

You may want to also add a style="display:none" attribute to it. RSV will automatically display if it's hidden.

Any help?

[fyrftr72]

Hey Gene,

Ah - the rsv.errorFieldClass setting is an optional CSS class that it assigns to fields that fail the validation - not to the error messages that are inserted into the page. To do that, just add the class to the main rsvErrors element, like so:

Code:

<div id="rsvErrors" class="errorField"></div>

You may want to also add a style="display:none" attribute to it. RSV will automatically display if it's hidden.

Any help?

Thanks for the reply Ben. It's all working good now!