Rent A Coder - Javascript Form Processing

Show Bid Request

Javascript Form Processing
Bid Request Id: 19353

Bookmark in my 'To Do' list

Posted by:	Brrrian (0 ratings)
Non-action Ratio:	Very Good - 0.00%
Posted:	Jun 17, 2002 2:29:06 PM EDT
Bidding Closes:	Jun 23, 2002 4:36:53 PM EDT
Viewed (by coders):	427 times
Deadline:	6/24/2002 TIME EXPIRED

Phase:	100% of work completed and accepted. Coder has been paid.
Max Accepted Bid:	Bidding is closed
Project Type:	Very Small Business Project: under $100 (USD)
Bidding Type:	Open Auction
Categories:	Web, Java, Internet Browser, Cold Fusion, C#

Enter chat room for this bid request
(0 active users at May 19, 2003 10:37:10 PM EDT)

Description:
See example form in Deliverables Section. You will provide the appropriate javascript that will execute as the onEvent=theFunction" occurs for the various fields.

Need to loop through a group of form fields making calculations based upon the info users type into the forms as well as upon strings held in hidden fields.

Some free form calulations involved. IE. perhaps math functions like sin(formfield2)* formfield3.

Need to color the form field backgrounds based upon results of the calculations.

Need to trap invalid input (ie text in a numeric form field) and color the background for the field red.

Need the code to be documented so that I can make minor changes, or perhaps enhancements. Just don't know javascript well enough yet to do this.

The form is dynamically generated. The number of user input formfields and the order in which they appear is ONLY KNOWN when the form is generated. Therefore the javascript needs to loop through the form...mulitiple times most likely...discovering what is there and taking action on it until the work is finished.

My first take on how to do this...

First loop through all form fields... when you encounter a field that begins... "item",
- Trim any leading and trailing spaces,
- Put the value into a variable for later recall...
or maybe we can address the form value later without doing that.

Second loop through all form fields a second time, this time stopping at
the "Formula" and piecing the result of the formula together...
and then putting that result into the form.

Or.... perhaps you can do all that in the first pass of the loop.

Third loop through the form again, this time checking to see if the input or calculated form values violate any of the control limits contained in the hidden fields. Change the background color to red on any values that violate the limits.

Note: there are other form fields in the form being processed that are not in the example form. Their names will NOT conflict with the Naming Convention you will discover in the form.

--------
The form fields you will be processing
--------
1.The Visible Form Field

---hidden fields---
2.The Field Type
3.The Field Database Link

---if numeric then these hidden fields---
4.The Upper Limit
5.The Lower Limit
6.The Second Upper Limit(SpecLimit)
7.The Second Lower Limit(SpecLimit)

---if calculated X,R,S or C--- (see the example form for deatils of the forumulas)
8.The Formula

Deliverables:
<form name="SPC" action="index.html" method="post"> <input name="theFormAction" type="Hidden" value="SPC.ProcessSPCform">

Shadow Mask:<input name="Item1" type="Text" onBlur="doFrm(this.form)"> LotID <input name="Type1" value="A" type="Hidden"> <input name="Record1" value="13" type="Hidden">

Thick1:<input name="Item2" type="Text" onBlur="doFrm(this.form)"> microns <input name="Type2" value="N" type="Hidden"> <input name="Record2" value="5" type="Hidden"> <input name="UCL2" value="7" type="Hidden"> <input name="LCL2" value="4" type="Hidden"> <input name="SUCL2" value="8.5" type="Hidden"> <input name="SLCL2" value="3" type="Hidden">

Thick2:<input name="Item3" type="Text" onBlur="doFrm(this.form)"> microns <input name="Type3" value="N" type="Hidden"> <input name="Record3" value="14" type="Hidden"> <input name="UCL3" value="7" type="Hidden"> <input name="LCL3" value="4" type="Hidden"> <input name="SUCL3" value="8.5" type="Hidden"> <input name="SLCL3" value="3" type="Hidden">

Thick3:<input name="Item4" type="Text" onBlur="doFrm(this.form)"> microns <input name="Type4" value="N" type="Hidden"> <input name="Record4" value="7" type="Hidden"> <input name="UCL4" value="7" type="Hidden"> <input name="LCL4" value="4" type="Hidden"> <input name="SUCL4" value="8.5" type="Hidden"> <input name="SLCL4" value="3" type="Hidden">

AVG:<input name="Item5" type="Text" readonly onBlur="doFrm(this.form)"> microns <input name="Type5" value="X" type="Hidden"> <input name="Record5" value="15" type="Hidden"> <input name="UCL5" value="6" type="Hidden"> <input name="LCL5" value="5" type="Hidden"> <input name="SUCL5" value="7" type="Hidden"> <input name="SLCL5" value="4" type="Hidden"> <input name="Formula5" value="2,3,4" type="Hidden">

Range:<input name="Item6" type="Text" readonly onBlur="doFrm(this.form)"> microns <input name="Type6" value="R" type="Hidden"> <input name="Record6" value="9" type="Hidden"> <input name="UCL6" value="5" type="Hidden"> <input name="LCL6" value="3" type="Hidden"> <input name="SUCL6" value="-999" type="Hidden"> <input name="SLCL6" value="-999" type="Hidden"> <input name="Formula6" value="2,3,4" type="Hidden">

STD Deviation:<input name="Item7" type="Text" readonly onBlur="doFrm(this.form)"> microns <input name="Type7" value="S" type="Hidden"> <input name="Record7" value="10" type="Hidden"> <input name="UCL7" value="-999" type="Hidden"> <input name="LCL7" value="-999" type="Hidden"> <input name="SUCL7" value="-999" type="Hidden"> <input name="SLCL7" value="-999" type="Hidden"> <input name="Formula7" value="2,3,4" type="Hidden">

Calculated AVG:<input name="Item8" type="Text" readonly onBlur="doFrm(this.form)"> microns <input name="Type8" value="C" type="Hidden"> <input name="Record8" value="11" type="Hidden"> <input name="UCL8" value="-999" type="Hidden"> <input name="LCL8" value="-999" type="Hidden"> <input name="SUCL8" value="-999" type="Hidden"> <input name="SLCL8" value="-999" type="Hidden"> <input name="Formula8" value="(N2+N3+N4)/3" type="Hidden"> </form>

X Stands for X-Bar... an Average of the arguments in the formula
R Stands for Range... the Max-Min of the arguments in the formula
C Stands for Calculated... Some free form calculation like: sin(N2)* N3 + 3.1415 
S Stands for Standard Deviation (n-1 weighting)
StdDev= [Sigma[(x-x_bar)²]/(n-1)]^1/2
</pre>

									
									

										
										Platform:

										Must Run on IE 5.0 and up
Must Run on Netscape 4.7 and up

										

										
										Must be 100% finished and received by buyer on:

										Jun 24, 2002 EDT

										Deadline legal notes: All times are expressed in the time zone of the site EDT (UT - 5).  If the buyer omitted a time, then the deadline is 11:59:59 PM EDT on the indicated date.

										

								

										
										Remember that contacting the other party outside of the site (by email, phone, etc.) on all business projects < $500 (before the buyer's money is escrowed) is a violation of both the software buyer and seller agreements.
We monitor all site activity for such violations and can instantly expel transgressers on the spot, so we thank you in advance for your cooperation.  
If you notice a violation please help out the site and report it. Thanks for your help.

Bidding/Comments:

All monetary amounts on the site are in United States dollars.
Rent a Coder is a closed auction, so coders can only see their own bids and comments. Buyers can view every posting made on their bid requests.

See all rejected bids (and all comments)

Name Bid Amount
Date Coder Rating

This bid was accepted by the buyer!

kimballj
(8 ratings)
in Simi Valley, California
United States
Bid id: 212,930

$60 (USD) Jun 18, 2002
1:20:25 AM EDT 8.87
(Superb)

I have been using JavaScript for over 5 years now, and I would be a good candidate for this project. I have quite a bit of computer science background too, so writing a very dynamic script shouldn't be a problem. I also have some experience with error checking fields for proper data, and string manipulation.

I have a couple of questions on implementation though...if the forms are going to be created dynamically, then couldn't the script be generated dynamically also? That way the javascript wouldn't have to be AS adaptive, but instead the program that writes the forms and the javascript to a page could take care of some of the unknowns ahead of time. The script would still have to be somewhat adaptive, and I would develop the specifications for adapting the script itself.

If you have any questions about my qualifications or experience, or want to discuss implementation methods, please contact me.

Sincerely.

See 1 private reply(ies)
to/from kimballj.

kimballj
(8 ratings)
in Simi Valley, California
United States
Bid id: 212,999

N/A Jun 18, 2002
2:26:38 AM EDT 8.87
(Superb)

Yes, I understand X, R, S, and C. X is the expecation, or mean, denoted as u = E[x], R is the range (Xmax - Xmin), S is the standard deviation (E[x^2] - E[x]^2 or E[(x-u)^2]), and C is some function that will be generated with the form which needs to be computed. X, R, and S are easy to compute. The best bet for C would be to actually write out the code to compute it as a javascript function, then after the rest of the form values are filled in, you can just call a function which returns the value of something like Math.sin(N2/3) - e^(-1/N3).

As for my availability, I'm pretty much free right now. I have some work which needs to be completed this week, but I will have time to start as early as tomorrow, and I don't see this taking more than a week to complete, if even that.

I hope that answers your questions. By the way, what scripting language (or perhaps an actual program) are you using to create the forms?