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

Technical Support Forums

Free, outstanding support from WebAssist and your colleagues

rating

required checkbox fields not validating

Thread began 4/23/2014 11:59 pm by cldsk | Last modified 4/28/2014 9:20 am by Jason Byrnes | 353 views | 7 replies |

cldsk

required checkbox fields not validating

Hello, So I have another form that is working properly, however I have 2 options for a user to check to let me know if they are looking for Support via phone or in person. In the form builder I selected that a minimum choice should be 1 and a maximum choice should be 2 selected (since there was no requirement). I also listed a validation message.

The form works fine when one or two things are checked (it posts, goes to redirect page/etc.).

But if neither are check it just goes back to the form - the validation message doesn't display - so there is no way that the user knows the reason the form doesn't submit.

Thanks for your help!
Chris

Sign in to reply to this post

Jason ByrnesWebAssist

in the webassist/jq_validation/Cafe.css file

change:
.serverInvalidState {
display: none;
}

to:
.serverInvalidState {
//display: none;
}



the width for the form labels cant be set on an individual basis in the form builder wizard. you would need to edit the label code manually to add an inline style tag, for example:

<label style="width: 332px;" for="iagree" class="sublabel"> I understand that I am requesting Premiuim Support and I will be charged for this.<span class="requiredIndicator">&nbsp;*</span></label>


also, where you want the user to chose one item or the other, phone or email, you should be using radio buttons instead of checkboxes.

checkboxes are used where they should be able to chose multiple options.

radio buttons are used when the user should be able to choose only one option.

Sign in to reply to this post

cldsk

Thanks so much the labels adjusted does work...I did replace the the validation in the cafe.css file, but that didn't seem to do anything - also, now the date picker is not coming to the foreground as it did (see attachment).

I appreciate the mentioning with the radio buttons. I was going to go that route but wanted them to be able to select both items which is why I went with the check boxes and the validation of a minimum choice being 1 selection and a maximum choice of being 2 selections. I hope that makes sense?

Thank you for your help!

Sign in to reply to this post

Jason ByrnesWebAssist

I can see the vlaidation error messages on your page now, so updating the cafe.css file did seam to work

the CSS for the datepicker is not found on the server:

http://www.saviodesigns.com/webassist/forms/fd_basic_default/Datepicker/css/jquery-custom.css

Sign in to reply to this post

cldsk

Thanks for the reply....on my local site I don't even have the datepicker css that you were referring to - the closest thing I have is webassist/forms/fd_basic_default/theme/Datepicker/css/jquery-ui-1.7.1.custom.css

Can you send me the file that you are referring to so I can load that?


The checkbox problem is resolved (I think I was looking at an old cache).

Thanks so much!

Sign in to reply to this post

Jason ByrnesWebAssist

attached is a copy of the jquery-custom.css file

Attached Files
jquery-custom.css
Sign in to reply to this post

cldsk

Thanks so much! that worked!

Sign in to reply to this post

Jason ByrnesWebAssist

you're welcome.

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...