Required form fields - help.
Hello:
Knowing next to nothing about html code, Javascript and submission forms, I was hoping to make the following form fields below mandatory.
Below is the script for doing so and below that the form. Can someone please adjust the form below (to work with the Javscript) so that it will function, so that I can just copy the adjusted code, paste it all into the form page and be on my way? Any help would be appreciated.
Thanks,
--Joe
First Name
Last Name
Title
Facility/Practice Name
Daytime Phone
Evening Phone
Email
<script language="JavaScript">
<!--
* Required field(s) validation v1.10- By NavSurf
* Visit Nav Surf at http://navsurf.com
* Visit http://www.dynamicdrive.com/ for full source code
function formCheck(formobj){
// Enter name of mandatory fields
var fieldRequired = Array("FirstName", "LastName");
// Enter field description to appear in the dialog box
var fieldDescription = Array("First Name", "Last Name");
// dialog message
var alertMsg = "Please complete the following fields:\n";
var l_Msg = alertMsg.length;
for (var i = 0; i < fieldRequired.length; i++){
var obj = formobj.elements[fieldRequired[i]];
if (obj){
switch(obj.type){
case "select-one":
if (obj.selectedIndex == -1 || obj.options[obj.selectedIndex].text == ""){
alertMsg += " - " + fieldDescription[i] + "\n";
break;
case "select-multiple":
if (obj.selectedIndex == -1){
alertMsg += " - " + fieldDescription[i] + "\n";
break;
case "text":
case "textarea":
if (obj.value == "" || obj.value == null){
alertMsg += " - " + fieldDescription[i] + "\n";
break;
default:
if (obj.type == undefined){
var blnchecked = false;
for (var j = 0; j < obj.length; j++){
if (obj[j].checked){
blnchecked = true;
if (!blnchecked){
alertMsg += " - " + fieldDescription[i] + "\n";
if (alertMsg.length == l_Msg){
return true;
}else{
alert(alertMsg);
return false;
// -->
</script>
<form id="wstForm_Contact" name="Contact Form" action="%wstx.formmailerurl%" method="post" labelid="formLabel_ContactForm">
<table width="100%" cellspacing="1" cellpadding="5" class="contactFormTable">
<tbody>
<tr>
<td align="center" style="font-size: 8pt; text-decoration: none; font-weight: normal;">
<table width="90%" cellspacing="0" cellpadding="3" border="0" class="contactFormTable">
<tbody>
<tr>
<td align="center" style="font-size: 12pt; font-weight: bold;">
<font face="Palatino Linotype, Book Antiqua, Palatino, serif"><span id="formLabel_ContactForm" controlid="wstForm_Contact">Contact Us</span><br />
</font>
</td>
</tr>
<tr>
<td style="font-size: 8pt; text-decoration: none; font-weight: normal; padding-bottom: 10px;">
<p style="text-align: justify;">
<font face="Palatino Linotype, Book Antiqua, Palatino, serif" style="font-size: 13px;">In this area, you can enter text about your contact form. You may want to explain what happens after a visitor submits the form and include a contact phone number.</font>
</p>
</td>
</tr>
</tbody>
</table>
<table width="90%" cellspacing="1" cellpadding="3" border="0" class="contactFormTable">
<tbody>
<tr>
<td style="font-size: 8pt; text-align: left;">
<span id="formLabel_First" controlid="formElement_First">First Name:</span>
</td>
<td style="font-size: 8pt; text-align: left;">
<input id="formElement_First" name="First Name" labelid="formLabel_First" />
</td>
</tr>
<tr>
<td style="font-size: 8pt; text-align: left;">
<span id="formLabel_Last" controlid="formElement_Last">Last Name:</span>
</td>
<td style="font-size: 8pt; text-align: left;">
<input id="formElement_Last" name="Last Name" labelid="formLabel_Last" />
</td>
</tr>
<tr>
<td style="font-size: 8pt; text-align: left;">
<span id="formLabel_Last" controlid="formElement_Last">Title:</span>
</td>
<td style="font-size: 8pt; text-align: left;">
<input id="formElement_Last" name="Title" labelid="formLabel_Last" />
</td>
</tr>
<tr>
<td style="font-size: 8pt; text-align: left;">
<span id="formLabel_Last" controlid="formElement_Last">Facility/Practice Name:</span>
</td>
<td style="font-size: 8pt; text-align: left;">
<input id="formElement_Last" name="Facility/Practice Name" labelid="formLabel_Last" />
</td>
</tr>
<tr>
<td style="font-size: 8pt; text-align: left;">
<span id="formLabel_Street1" controlid="formElement_Street1">Address Street 1:</span>
</td>
<td style="font-size: 8pt; text-align: left;">
<input id="formElement_Street1" size="30" name="Address Street 1" labelid="formLabel_Street1" />
</td>
</tr>
<tr>
<td style="font-size: 8pt; text-align: left;">
<span id="formLabel_Street2" controlid="formElement_Street2">Address Street 2:</span>
</td>
<td style="font-size: 8pt; text-align: left;">
<input id="formElement_Street2" size="30" name="Address Street 2" labelid="formLabel_Street2" />
</td>
</tr>
<tr>
<td style="font-size: 8pt; text-align: left;">
<span id="formLabel_City" controlid="formElement_City">City:</span>
</td>
<td style="font-size: 8pt; text-align: left;">
<input id="formElement_City" name="City" labelid="formLabel_City" />
</td>
</tr>
<tr>
<td style="font-size: 8pt; text-align: left;">
<span id="formLabel_Zip" controlid="formElement_Zip">Zip Code:</span>
</td>
<td style="font-size: 8pt; text-align: left;">
<input id="formElement_Zip" size="5" name="Zip Code" maxlength="5" labelid="formLabel_Zip" /> (5 digits)
</td>
</tr>
<tr>
<td style="font-size: 8pt; text-align: left;">
<span id="formLabel_State" controlid="formElement_State">State:</span>
</td>
<td style="font-size: 8pt; text-align: left;">
<select id="formElement_State" name="State" labelid="formLabel_State">
<option value="AL">
AL
</option>
<option value="AK">
AK
</option>
<option value="AZ">
AZ
</option>
<option value="AR">
AR
</option>
<option value="CA">
CA
</option>
<option value="CO">
CO
</option>
<option value="CT">
CT
</option>
<option value="DE">
DE
</option>
<option value="DC">
DC
</option>
<option value="FL">
FL
</option>
<option value="GA">
GA
</option>
<option value="HI">
HI
</option>
<option value="ID">
ID
</option>
<option value="IL">
IL
</option>
<option value="IN">
IN
</option>
<option value="IA">
IA
</option>
<option value="KS">
KS
</option>
<option value="KY">
KY
</option>
<option value="LA">
LA
</option>
<option value="ME">
ME
</option>
<option value="MD">
MD
</option>
<option value="MA">
MA
</option>
<option value="MI">
MI
</option>
<option value="MN">
MN
</option>
<option value="MS">
MS
</option>
<option value="MO">
MO
</option>
<option value="MT">
MT
</option>
<option value="NE">
NE
</option>
<option value="NV">
NV
</option>
<option value="NH">
NH
</option>
<option value="NJ">
NJ
</option>
<option value="NM">
NM
</option>
<option value="NY">
NY
</option>
<option value="NC">
NC
</option>
<option value="ND">
ND
</option>
<option value="OH">
OH
</option>
<option value="OK">
OK
</option>
<option value="OR">
OR
</option>
<option value="PA">
PA
</option>
<option value="RI">
RI
</option>
<option value="SC">
SC
</option>
<option value="SD">
SD
</option>
<option value="TN">
TN
</option>
<option value="TX">
TX
</option>
<option value="UT">
UT
</option>
<option value="VT">
VT
</option>
<option value="VA">
VA
</option>
<option value="WA">
WA
</option>
<option value="WV">
WV
</option>
<option value="WI">
WI
</option>
<option value="WY">
WY
</option>
</select>
</td>
</tr>
<tr>
<td style="font-size: 8pt; text-align: left;">
<span id="formLabel_DaytimePhone" controlid="formElement_DaytimePhone">Daytime Phone:</span>
</td>
<td style="font-size: 8pt; text-align: left;">
<input id="formElement_DaytimePhone" name="Daytime Phone" labelid="formLabel_DaytimePhone" />
</td>
</tr>
<tr>
<td style="font-size: 8pt; text-align: left;">
<span id="formLabel_EveningPhone" controlid="formElement_EveningPhone">Evening Phone:</span>
</td>
<td style="font-size: 8pt; text-align: left;">
<input id="formElement_EveningPhone" name="Evening Phone" labelid="formLabel_EveningPhone" />
</td>
</tr>
<tr>
<td style="font-size: 8pt; text-align: left;">
<span id="formLabel_Email" controlid="formElement_Email">Email:</span>
</td>
<td style="font-size: 8pt; text-align: left;">
<input id="formElement_Email" name="Email" labelid="formLabel_Email" />
</td>
</tr>
<tr>
<td style="font-size: 8pt; text-align: left;">
<span id="formLabel_Comments" controlid="formElement_Comments">Comments:</span>
</td>
<td style="font-size: 8pt; text-align: left;">
<textarea id="formElement_Comments" name="Comments" rows="4" cols="38" style="width: 100%;" labelid="formLabel_Comments">Enter comments here!
</textarea>
</td>
</tr>
</tbody>
</table>
<p>
<input type="submit" id="wstForm_Contact_Submit" value="Submit" onclick="return wstxSubmitForm(this);" /> <input type="reset" id="wstForm_Contact_Reset" value="Reset" />
</p>
</td>
</tr>
</tbody>
</table>
<input type="hidden" id="FormMailerSubject" name="FormMailerSubject" value="Contact Form." /><input type="hidden" id="FormMailerRedirect" name="FormMailerRedirect" value="%wstx.project.BaseUrl%" />
</form>
Rather than re-inventing the wheel, why don't you use Spry Validation widgets for your client side processing? Have a look here http://labs.adobe.com/technologies/spry/demos/formsvalidation/index.html and here http://labs.adobe.com/technologies/spry/samples/.
Mind you, using JS your are only validating on the side of the client. If JS is turned off in the browser, there will be no validation. Therefore you should look at serverside validation as well.
Gramps
Similar Messages
-
I've got a booking form here
http://www.investix.co.uk/multiflex3/booking-form.html
Everything is working fine except I'm getting a lot of forms
through without some of the important fields being filled in by the
user (ie; booking date, name, email etc) and its quite annoying, so
I think I should make all of the fields required before the form
can be submitted - I think this is fairly standard now.
Anyone know how to do this in DW? I know some forms use red
asterisks beside each field that needs to be filled out before the
form can be submitted, but I've never known how to do this in DW.
How much work is involved in doing this? Is there an
automated method of doing this in DW?
Thanks for all your help in advance guys.
GHello,
Unrelated, but I wanted to pass on that the menu is badly
broken in IE7 and
FF.
"Why Investix" and "Coaching" are below the rest of the menu,
and the
dropdowns stack in one spot.
Take care,
Tim
"HYPER83" <[email protected]> wrote in
message
news:g97h9q$7lm$[email protected]..
> I've got a booking form here
>
http://www.investix.co.uk/multiflex3/booking-form.html
>
> Everything is working fine except I'm getting a lot of
forms through
> without
> some of the important fields being filled in by the user
(ie; booking
> date,
> name, email etc) and its quite annoying, so I think I
should make all of
> the
> fields required before the form can be submitted - I
think this is fairly
> standard now.
>
> Anyone know how to do this in DW? I know some forms use
red asterisks
> beside
> each field that needs to be filled out before the form
can be submitted,
> but
> I've never known how to do this in DW.
>
> How much work is involved in doing this? Is there an
automated method of
> doing
> this in DW?
>
> Thanks for all your help in advance guys.
>
> G
> -
Help needed in RTF form field to display yes or no based on xml value
Hi,
I have the data in xml as follows: <CP_ZERO_COST>2</CP_ZERO_COST>
Now my requirement is, if CP_ZERO_COST is 2 then the column should display 'No' and if CP_ZERO_COST is 1 the column should display 'Yes'. Now this 'yes' or 'no' is not coming in xml tag. I need to do that in RTF form field.
Could anyone please tell me how to do that?
Please help.
ThanksTry this:
<?choose:?>
<?when: CP_ZERO_COST = 2?><?'NO'?>
<?end when?>
<?when: CP_ZERO_COST = 1?><?'Yes'?>
<?end when?>
<?otherwise?><?CP_ZERO_COST?> --- You don't have to include this if the only possible values are 1 and 2.
<?end otherwise?>
<?end choose?>
You can also use if then else logic. Ensure that you specify the correct path to get to CP_ZERO_COST
Thanks! -
Need help Loading images with selection on a form field?
So I'm kind of a newb.. I can do basic forms but I need to set up a form field drop down box that will give me the ability to load images correlating to the users choice. I'm at a total loss for where to start, so ANY help would be appreciated. If you know of any good books or tutorials on the subject please share.
Thanks in advance
Sincerely,
Stumped4nowP.S. I think I'm getting a better understanding of OCGs after lots of research today. However I still seem to be missing something
var docOCGs = this.getOCGs();
for (var x=0; x < docOCGs.length; x++)
if(docOCGs[x].name == "Layer1")
docOCGs[x].state = !docOCGs[x].state; -
Firefox 7 is forcing me to fill out a form field that isn't required. I've used FF on this site for years but when I upgraded to FF7 it no longer works. IE it works fine.
It's our internal applicant tracking systems (resume database). It works fine in IE and all previous verisons of FF but in FF 7 a bubble icon pops up stating that "Please fill out this field".
The field is not required but states "Require all of these words" if you to run a search based on those parameters. -
Setting form fields to required not working in Adobe Acrobat XI Pro
This should be a simple matter. However, I'm stuck in a rut with it, and cannot seem to get out.
I have created a form. All I need is for users to be prompted that they have to complete the form field when they try to tab or click out of that particular field where there needs to be information input. I have tried the following "on blur" java script code:
if (!event.value) {
app.alert("This field is required. Please enter a value.");
event.target.setFocus();
What continues to happen is when the user clicks out of that field, the error message comes up asking them to click "okay." The problem is that the error message does not go away after the user clicks it.
What I've learned is that if you right click on a field and click "set as required field," it doesn't work in the way I need it to. In fact, it hasn't been working at all for me.
Does anyone have a simple suggestion? I more than willing to try anything at this point.OK, so the custom calculate script for field B could be something like:
(function () {
// Get field values as strings
var sA = getField("A").valueAsString;
var sC = getField("C").valueAsString;
var sD = getField("D").valueAsString;
// Only perform the calculation if all fields are filled
if (sA && sC && sD) {
var sum = +sC + sD;
event.value = sum;
// Alert the user if the sum is more than A
if (sum > +sA) {
app.alert("Error message goes here");
} else {
// Blank this field if all fields are not filled in
event.value = "";
Instead of (or in addition to) an app.alert popup, you could place this message in a read-only form field, and clear it if there is no error condition. -
I have set form fields as User required and yet the form still prints/save when empty.
I have set form fields as User required and yet the form still prints/save when empty. I also have an email button on the form but that works correctly by not allowing the user to email the form with the required fields empty.
What script do I need to additionally restrict both printing and saving if the required fields are empty?
You would think that just setting that option would restrict those functions the same as it does for the email button.
Please be specific with your response if you are gracious enough to offer one. I have been searching the forum all morning for the answer to this and I really didn't understand any of the solutions offered to others enough to use those in my own form.
The required fields are:
Social (social security number)
Name
Headquarters
Residence
The next question I have is if there is a way to make individual signature fields mandatory if they are digital signatures?
In other words, I don't want the individual to be able to email the form to the next person if he/she hasn't applied their digital signature.Saving can always be done, even when mandatory fields are empty. This is by design. And that is correct. Suppose you have a big form and 2 people need to fill it out. How can you fill out a first part and then send it to the second person without saving.
Same for printing. Same for your signature fields.
What I would do, is to put a "watermark" on the form that you show on preSave and prePrint if the form is incomplete. Just a static text on your form. Then the user will see that they need to do more. Also, on preSave and prePrint, you can show a warning popup to tell the user about the missing fields. You can then still cancel their action if the user decides not to save/print anyway. -
PDF form field calculation help needed
I need to make some simple calculations on a pdf form and need some help.
I have a form field for number of guests.
A field for a set cost for various tickets (there are 3 levels of ticket prices) (I might not need this field).
A subtotal of the guests attending and ticket price.
A grand total of the subtotals.
I can't figure out how to either put in a fixed cost in a form field or input a calculation so that the number of tickets is muliplied by a fixed number and gives me a subtotal.
Thanks.Ok. I finally got the calculations to work. But..... when I save and open in Reader, they don't work. Go back to Pro, they don't work there now either. They also don't show up under the Set Field Order Calculations. To reset them, i have to erase the calculations, save, redo the calculations. Preview the form and everything works — calculations happen and i get a total.
Adobe Reader usage rights are enabled.
Why is this so hard?
I found this thread http://forums.adobe.com/message/1152890#1152890 about it. Is this bug still going on since 2009?
Ok. Apparently you have to enable reader rights after the form is done. It seems to work now. What a pain. -
Formscentral - how do I change required date format to long date (e.g. January 2, 2014) in a form field? I can't seem to change it from the short date format.
Hi,
I would suggest you to change the form language to English (UK), Here are the steps:-
1. Open your form in FormsCentral
2. Clik on Options tab
3. Click on Language and Formatting and check out the selection for Form Language and make sure English (U.K.) is selected and the default date format should be day/month/year.
Regards,
Nakul -
Help... Populate pdf form fields with html form inputs.
I have a website that allows users to choose the pdf document they want and create. After selecting which pdf they want to create they are redirected to a web page with a html form. The html form has questions that corresponds with the the form fields of the pdf document the user selected. When submitted the code (ASP, PHP whatever is the easier) runs a script that populates the pdf document form fields. The user is then prompted if they want to save or open the document. The newly created pdfs and the user inputs do not need to be saved on the server.
I create the pdf templates using PDF 6.0 professional
Server can be windows or linux
I understand ASP a little but will use whatever is feasible
Purchasing a program is okay as long as its reasonable and is changeable by me and I have full control.
Any help would be appreciated...
Thanks,
JohnTry the Developers/SDK forum...
This forum is for questions about the PDF Language itself.
Leonard -
How do you make a required checkbox field stop a form submitting if not checked.
Hello,
I have a form which needs people to accept two checkboxes before the form will submit upon clicking a button.
I am using Acrobat X Pro.
The form does not submit when a required text field is empty but when the checkboxes are empty it still tries to submit.
How can I work around this?
Thanks.You can't do it directly, but there's a work-around. Create a (hidden) text field and set it as required. As the text field's custom calculation script enter the following code:
event.value = this.getField("Check Box1").value=="Off" ? "" : this.getField("Check Box1").value;
This will prevent the document from being submitted if "Check Box1" is not ticked. The downside is that the check-box won't be highlighted in red when the validation fails, but at least the file won't be submitted partially filled-in.
Alternatively, you can write you own validation script, which can provide a full report of which fields still need to be filled-in before submitting the file. -
Help: Text duplicates in all form fields
When filling in the PDF form fields (of the PDF fillable form that I created), the text duplicates into every other field in the PDF, regardless of which box you type into. Help?
This is how PDF forms behave if the fields names are the same, so you just need to change their names in Acrobat so they are all different.
-
Please help with dynamic form field names in cfloop
Hi,
I need to create a form with day, date, month, year and time for 12 months
Instead of coding them 12 times, I create day,date,month,year and time fileds in my form 1 time and then I use cfloop from="1" to="12" index="i" to loop these form fields 12 times.
I gave each form field name such as: <input type="text" name="ScheduleDate_# i #" value=" "> this way each of those field will be named differently such as:
ScheduleDate_1, ScheduleDate_2,ScheduleDate_3, ScheduleTime_1,ScheduleTime_2, etc
I'm facing problem when this form is submitted, I think the error has something to do with the pound sign (##) when it comes to updating the back end
I use MS SQL
It doesn like this:
<CFLOOP From="1" To="12" index="k">
<CFIF Len(Trim(Form.MeetYear_#k#)) NEQ 0 AND Len(Trim(Form.MeetTime_#k#)) NEQ 0>
<cfquery name="CreateSchedule" datasource="#DSN#">
UPDATE TableSchedule
SET SchedDay = <cfqueryparam cfsqltype="cf_sql_varchar" value="#form.SchedDay_#k##">,SchedMonth =
<cfqueryparam cfsqltype="cf_sql_varchar" value="#form.SchedMonth_#k##">,SchedDate =
<cfqueryparam cfsqltype="cf_sql_varchar" value="#form.SchedDate_#k##">,SchedYear =
<cfqueryparam cfsqltype="cf_sql_varchar" value="#form.SchedYear_#k##">,SchedTime =
<cfqueryparam cfsqltype="cf_sql_varchar" value="#form.SchedTime_#k##">
Where SchedId = <cfqueryparam cfsqltype="cf_sql_numeric" value="#k#">
</cfquery>
</CFIF>
</CFLOOP>
Can anyone help please?You can't nest hash marks. Do this instead:
SET SchedDay = <cfqueryparam cfsqltype="cf_sql_varchar" value="#form["SchedDay_" & k]#">
Dave Watts, CTO, Fig Leaf Software
http://www.figleaf.com/
http://training.figleaf.com/ -
" This PDF document contains forms. The filling of form fields is not supported" -help?
I need to fill in & submit online forms but I keep getting the above message. I realise I can view and fill in the forms in an adobe window, but I need to do this online, and it is a secure website with the form imbedded. Is there any way I can have the "filling of form fields" supported so I can do this, please?
To switch from the less full featured built-in viewer to Adobe's Acrobat plugin, see the steps in this article: [[How to disable the built-in PDF viewer and use another viewer]].
Can you get it working? -
Need Help with Custom Form Field Backgrounds
I'm tryng to add a custom background image to a file upload
field in a form and it is not displaying correctly in Firefox. Is
there a way to do this? The background shows up fine in other
fields just not in the field that I apply ( type="file" ) to.
Here is a sample of the page:
BroBraBlahBlah Test
siteBackground images in form fields are not reliable....
Murray --- ICQ 71997575
Adobe Community Expert
(If you *MUST* email me, don't LAUGH when you do so!)
==================
http://www.dreamweavermx-templates.com
- Template Triage!
http://www.projectseven.com/go
- DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs,
Tutorials & Resources
http://www.macromedia.com/support/search/
- Macromedia (MM) Technotes
==================
"PieEyed" <[email protected]> wrote in
message
news:enefqt$80g$[email protected]..
> I'm tryng to add a custom background image to a file
upload field in a
> form and
> it is not displaying correctly in Firefox. Is there a
way to do this? The
> background shows up fine in other fields just not in the
field that I
> apply (
> type="file" ) to.
>
>
Here is a sample of the page:
http://www.brobrablahblah.com/test
>
Maybe you are looking for
-
A few questions about auditing
Hi all, I am new to auditing, my manager asked me to make a report on how our database is audited including audit levels, tables and users audited etc. After some research I found about AUD$ table and views associated with it. I also found about tabl
-
How can I correct "hidden" text in a searchable PDF file?
This seems like a simple question. However, the answers are invariably complex, do not yield the desired result, and often answer a different question entirely. I say all that just to warn people up front that the "problem" is easier than how many pe
-
Adobe flash player and deinterlace option
Hello! I get tv (h264/ts) from satelite, then, with wowza server, send it to flash player. (use rtmp). On picture I'm can see interlace. Adobe flash player has deinterlace option or I can solve this problem with my encoder? Sergey.
-
Making Quicktime the default viewer for .wmv files.
Whenever I try to open a .wmv file, my default program is iphoto. I have Flip4Mac and I want to use Quicktime to be the default viewer for it. I know how I can get each file to open with Quicktime, but I want it to be permanent. For instance, I downl
-
OBIEE11g on linux 64bit installation: java.lang.OutOfMemoryError: PermGen
Hi All, I started installing obiee 11.1.1.5.0 on linux64 bit. before this i ran RCU and created schema for obiee. I stcuk in very first step where BI configuration say....creating domain ....in progress..0% And when i checked log in Oracle/orainvento