Forums

I cant validate a field that have class...

Example:

<input name="fullname" id="fullname" type="text" size="30" maxlength="100" class="inputbox" />

This doesn't work properly if I enable the validation of this field.
Why?
The result of html is:

<input class="required" name="fullname" id="fullname" type="text" size="30" maxlength="100" class="inputbox" />

In other words, if validation is enabled, the component fill with other class: class="required".

(I know, if I want, I can make style to this field, but I want this feature was embed...)

Edited to add code tags.<br><br>Post edited by: GreyHead, at: 2007/12/29 18:40

Hi muneo,

I'm afraid that at the moment ChronoForms will create a new class entry as you've discovered. This may be changed in a future release but probably not very soon.

You can probably change your css a little to get round this. Perhaps wrap the form in a div with class="formdiv" and then use .formdiv input to style with??

Bob

I follow your idea, I created a class to form.

Something like that:

<div id="form-chrono">
<label for="fullname">FullName</label><br />
<input name="fullname" id="fullname" type="text" size="30" maxlength="100" />
<br />
<br />
<label for="cellnumber">Cell Number</label><br />
<input name="cellnumber" id="cellnumber" type="text" size="11" maxlength="14" />
<br />
<br />
<label for="email">E-mail</label><br />
<input name="email" id="email" type="text" size="30" maxlength="100" />
<br />
<br />
<label for="problem">Describe your problem:</label><br />
<input type="text" name="problem" id="problem" />
<br />
<br />
{imageverification}
<br />
<br />
<input type="submit" value="Send" id="send">
</div>

And css:

.inputbox, #form-chrono input {
	border: 1px solid #CCC;
}

.button, #form-chrono #send {
	cursor: 			pointer;
	border: 			1px solid #999;
	color: 				#000;
	padding: 			1px 3px;
}

Thank you. This component is incredible!

Post edited by: Muneo, at: 2007/12/30 21:22<br><br>Post edited by: GreyHead, at: 2007/12/30 22:29

Hi Muneo,

Great, glad we could help.

Bob