form data capture/validate without submit click - Repost

Hi I need to have a web form built using jQuery or something that actually can dynamically capture user-entered form field contents on the fly and validate it without the user having to press "submit". There will be a submit button at the end of the form but several fields prior to the button need to have contents captured and validated without interaction by the user.

Please build a demo of this in action.

The goal of the code is to have the user enter a phone number in a field by focusing the field (either via onclick or tab) and then when leaving focus (again via onclick or tab) that data is captured and validated (for example making sure the phone # data in the field has 10 digits and emailing that data to a predetermined email) without waiting for the user to reach the end of the form and click submit. A failed validation will result in a warning message popup.

To complete this project, make a mockup copy of this web page: [url removed, login to view]

You do NOT have to replicate the video or the actual real order submission. Just create a demo mockup of that 1 page and layout using the page static elements and the form. The form contents need to be adjusted so that the name/address/email/phone number is at the TOP of the form, and is the data that is to be validated. THEN comes the credit card/billing data under it. The form "submit" button does NOT need to be functional so it doesnt need to actually submit for this demo, only the dynamic name/address/email/phone # validation has to work as described. The validation is as follows, and any failure results in a popup message that says "error". Again, when a field PASSES validation, the contents of THAT FIELD are emailed to a static/predetermined email address with a unique label so that multiple fields of a single form can be identified as belonging "together", or perhaps server can "hold" them and send together (the point is to validate and capture and send the name/address/phone/email regardless of whether or not the user completes by clicking "submit"). Here are the validation rules:

first name and last name: must be >3 characters each

address > 5 characters

phone number: must be 10 digits/characters

email: must contain an @ symbol

BTW - put email and phone number BEFORE zip code

Beceriler: Javascript, PHP

Daha fazlasını görün: video end card, validate credit card, without in, need to put a label, data validation, credit card data, jquery web form, form data, jquery dynamic fields, submit zip code, jquery copy form, jquery https, jquery repost form, email button jquery, single form, jquery message popup, dynamic web form, https jquery, quot email address quot, jquery popup message, https warning, single web page layout, jquery quot, click button without, jquery button email

İşveren Hakkında:
( 0 değerlendirme ) United States

Proje NO: #4445689

1 freelancer is bidding on average $50 for this job


Hired by the Employer

1 gün içinde 50$ USD
(46 Değerlendirme)