What would be the best design layout for a web form with more than 100 fields? Right now I have grouped the fields to tabs.I am having tough time in validating the fields.I should either validate it on 'Submit' of the form or on tab change.Both has its own drawbacks. If I validate on tab change then user cannot view other tabs till they fill all the mandatory fields in the previous tab.Also it is not an good idea to throw so many validation messages to the user when he submits the form.
Please share your thoughts..
You can use a stepwise process. In the first step provide all the most important fields. Then on the click of a 'Next' button you can go to the next step and so on. By validating the fields you can allow the user to go to the next step.
Related
I've created a party invitation template in MailChimp with an RSVP section within the body of the email that contains 3 buttons:
yes
maybe
no
I have also added a custom text field on the list called "RSVP".
Is there a way I can automate the user click event to automatically update the profile and target this field?
I realize I can add the |UPDATE_PROFILE| merge tag and send the user to a custom form where they choose their RSVP option, but ideally i want to bypass the form and handle the response using the buttons in the email body ONLY.
Is this possible?
Yes, this is possible, mostly. You can do most of what you want with survey tags. The result won't be put in your custom text field in your list called "RSVP", but you will still be able to make segments of your list based on who clicked a particular response, as described below.
Anywhere in your email, in a text portion, include the following:
*|SURVEY: 1. yes|*
*|SURVEY: 2. maybe|*
*|SURVEY: 3. no|*
When the recipient gets the email, they will see three links:
1. yes
2. maybe
3. no
These links will take them to a survey landing page. (You can edit this: in your lists page, click the drop down to the right of the stats button, then choose Signup Forms, and then choose Form Builder, then in the drop down choose Survey Landing Page)
After you send out the email, and some people have clicked some of your yes/maybe/no links, it's time to see the results.
Click on Campaigns at the top of mailchimp, then the View Report button to the right of the email you sent. Scroll down and you will see a box called Poll Information, and in this there is a link to View poll results. There you can see who clicked on which link.
You can also make a list segment based on Poll/Survey Activity, which lets you do things like see who all didn't pick any of your RSVP options, who did, and who clicked which one.
I am making an application using ASP.NET MVC 3 which contains "form wizard", i.e. there are three forms which are wizards.
First form is for entering user details, second is for selecting product and third is for entering his payment details.
When the user enters his details in first form and goes to second form by clicking next submit button. And in the second form when the user selects the product, then his details from first form and his product choice from second form is sent to admin for approval. My question is that where should I save data from first and second form till users approval. When the user is approved then user data is saved to database. Where should I save form data when going from one form to other.
JavaScript Way
Just because "form1" and "form2" look like two physically different forms doesn't mean they have to be. You can initially display the container for the first set of inputs, then when the user clicks next it hides the first and shows the second.
Once the user is finished with the second set of inputs the page submits both sets of fields to the server using one form. At this point it would need to go in a database or be emailed to someone for persistence.
Traditional Way
If you need to have each form on a different page and submit between each one you could do it like this: (Note: this is a really bad way)
1. Form 1 submits
2. Server responds with form2 and data from form1 (to store in hidden fields on form 2)
3. User submits form2 (along with the hidden form1 data)
I have a view which is containing 5 forms submitting separately but to the same model. The aim of this is allow the user to fill all the forms in the same page and be able to quickly compare the values he puts in for each form. Each form has most of the fields in common with another one. If you want a idea of the stuff, imagine that you are a soccer trainer and you want to be able on the same page to set up your team tactics for each half time. So I'll have a HalfTime model with two forms on the same page, one for each half time
So when I submit Halftime 1 form and that the validation fails, the validation errors of HalfTime1 is displayed in HalfTime2 fields too. I would like to be able to disable the validation of one form according if it wasn't submited.
My idea was to send a variable from the controller to the view containing the name/id of the current half time and from this variable, displaying validation errors only in the ccorrect form.
Do you have any idea on how I can disable the display of the validation errors in one field?
Thank you a lot!
Set the error option to false when you use form input. ie:
echo $this->input('Halftime2.title', array('error' => false));
The user requests 2 rooms on the initial page and is then presented with room types to select from on step 2. The arriving and starting dates will always be the same, but the number of adults and children may differ, causing the price to fluctuate.
Now, if JS is enabled I think I'll just program it such that it's tab-powered and when you hit 'Select' which is an input submit, it'll cancel the form submit and mimic a "add to cart" functionality, so the user must select at least one room for each specified.
I'm confused on how I should treat this with JS off - should I just enable radio buttons or checkboxes and have the user select with radio buttons per room? So instead of "Select" button image it would be just a label "Select this" text and a radio button nearby, and at the far bottom of my form there will be one primary submit button.
Ended up just not providing a non-JS alternative.
for example, we have a web form to let the user enter personal info such as address and phone number, then the user need to enter the spouse and dependents information. I usually use a gridview for this, but some users complain it is difficult to use. so what is the most user-friendly or conventional way to handle it?
thanks.
I usually use AJAX to do this. Usually a Button and/or programming triggered by an event to add form items.
For example:
Username:
Password:
(+) PHONE
.. then every time you add "+ PHONE" I would add a new set of text boxes for more phone numbers.
One option might be to have a more user-friendly form where the user fills in information for a single individual, and then an "add" button that takes the contents of the form and inserts it into the gridview where it can be reviewed while simultaneously clearing the rest of the form to allow another individual's info to be added.