QuackFuzed [ Ramblings of a Con..ColdFuzed Mind ]

Thanks for the update for this - Have been using v1 for a while now;
One of the first things I did was put the JS on cfhtmlhead on the form tag :)

i'm still trying to work out how to make a dropdown filled from a query though :(

@ Sebastiaan - I have no idea what is happening there, as I made no changes to the DatePicker and TimeEntry plugins. I can only guess that there must be some sort of conflict between them and the Uni-Form markup when it comes to Opera. I'm not making an attempt to start a browser war here, but since less than 1.5% of users world-wide use Opera, and in my applications far less than 0.5% are Opera users, I must admit that that doesn't concern me enough to spend time on. If you (or anyone else) knows what the conflict(s) might be, I'd be happy to add your fix to the code provided it does not break anything in the commonly used browsers.

@Sebastiaan. When I click the Date of Birth field I get 2 date pickers, with the ugly one on top. Both work fine (even the left, right, up and down arrows). When I click the text Select Date next to the field I only nicely formated one, the slide-out animation is even smoother than with FF3. This is with the latest 9.5 build.

Is there any way to link 2 fields together with your tag? I have seen jQuery examples that use rules: { field2: { required: "#field1:checked" } } to make a second field required if the first field, a checkbox, is checked.

Also, is there a way to generate a multiple select box?

I tried the following combinations in the validate attribute for the Email Address field with no success.

##newsletter:checked
##newsletter-1:checked
$('newsletter').checked
$('newsletter-1').checked

The newsletter checkbox and email field combination are common on our site and we also are hoping to make a state/province dropdown required if the user chooses USA, otherwise if they choose any other country a "Other State/Province" text box magically appears and the state/province dropdown disappears.

You can check out an example at http://www.akextremeadventures.com/make_reservatio.... If you choose USA, Canada or Australia you then must choose from the state/province dropdown. Otherwise you get a text box. Of course, these forms took a lot of time to design and write the JS code, which is why I'm looking into your Uni-Form tag.

Here is the code just in case I did something dumb.

<div class="formContainer">
   <!--- build the form --->
   <uform:form action="action.cfm"
            id="myForm"
            submitValue="Send"
            showCancel="false"
            loadValidation="true"
            loadjQuery="true">
      <uform:fieldset legend="Your Info">
         <uform:field label="Name"
                     name="name"
                     isRequired="true"
                     type="text"
                     validation="required" />
                     
         <uform:field label="Newsletter Sign Up" isRequired="true" validation="required" name="newsletter" type="checkboxgroup">
            <uform:checkbox label="Yes I want to sign up for the newsletter" value="email" />
         </uform:field>
         
         <uform:field label="Email Address"
                     name="email"
                     isRequired="true"
                     type="text"
                     validation="$('newsletter-1').checked email" />
      </uform:fieldset>
   </uform:form>
</div>

Thanks,
Dan

Thanks I'll look into it. I'm new to jQuery so I'll have to play around with it a little.

Thanks again for the prompt response and cool new tool.

Dan

@ Dan - Awesome! Thanks for posting the update. Just want to point out a couple of things...

1) try this for your function...

$(document).ready(function() {
$("#contactEmail").rules("add", {
required: "#newsletter-1:checked",
email: true
});
});

2) the isRequired argument on the tag should have zero affect on your validation routines. All it does (if set to true) is place the * next to the field, denoting it as being required.

I'm making heavy use of Jorn's validation plugin on a project. I'm curious with your tag - if I indicate a field is 'required' and disable JavaScript - does it fall back and use cfinput and do server side validation? That's been the big pain so far - writing the validations twice. One of these days I'll find time to mess around with Jaxer...

Thanks for sharing this code. Just wanted to point out that the cfMgmt/common/images/icons directory is in subversion. When i tried to commit this to my local repository that bombed out. Removing the .svn directory in the icons directory allowed me to commit everything.

-Matt

Hi Matt, I am plugging away with your library. I am trying to find a solution which will work inside your library to allow me to do 2 related selects? I looked at the cutom tag that Neil Weiss did called TwoSelectsRelated. Have you or any of your readers found a solution for 2 related selects which can work inside of cfuniform?
I am not getting any errors. I am getting four select boxes when I was only expecting 2 and when I select the first box the on change event never fires to load the second box.

Hi Matt, Thanks for this code. I have 2 questions. First, what is this parameter doing in the javascript call? url: cfoutput>#xit.loadCitiesByState#cfoutput?
Why did you use this in the first select uform:states-us? Was it because this field type was setup to take a struct as a parameter? And finally, what is going on with
data: ajax: true, anotherval: anotherAction