Skip to main content

HTML and JavaScript Validated form (Simple and Easy)

Hi,

In the following web form we have used a simple HTML table and Inline CSS styling, the validation is done via java-script, its vulnerable to threats coz anyone can copy your form from browser and send some idiotic data in it, but good for beginners, all we need is captcha in it to make it more effective.

 The submit button do nothing, it doesn't have any db call attached with it, so don't worry you can add as much dummy data in it to check the validations. I have taken almost all the required validation and you can take the native code by saving the web page, open it in notepad, search for 'A simple WEB form'.

 Enjoy...


A simple web Form

    Developers Cloud 'Web Form'

                                                                                   (Select User ID):
First Name*:
Last Name*:
EmailId*:
Social Security Number:
DOB:
Shift: Day
Evening
Night
Languages Known:
User Name:
Password:*
confirm Password:*
Comments:
I have read and agreed to the terms and conditions
Field's marked with * are mandatory

                                 Copyrighted: Developers Cloud

Note: if your using Firefox then see it in either Chrome or IE, Firefox is going through series of updates and changes.

If you like this post, please subscribe us
Enter your email address:


Labels:

Comments

Post a Comment

Important - Make sure to click the Notify Me check-box below the comment to be notified of follow up comments and replies.

Popular posts from this blog

Send a Fax in windows using faxcomexlib and TAPI in VB code .Net

An application that provides sending fax from faxmodem, connected to the computer, will be explained in the following post.  We can use Telephony Application Programming Interface (TAPI) and the Fax Service Extended Component Object Model (COM) API to send fax. The fax service is a Telephony Application Programming Interface (TAPI)-compliant system service that allows users on a network to send and receive faxes from their desktop applications. The service is available on computers that are running Windows 2000 and later. The fax service provides the following features: Transmitting faxes Receiving faxes Flexible routing of inbound faxes Outbound routing Outgoing fax priorities Archiving sent and received faxes Server and device configuration management Client use of server devices for sending and receiving faxes Event logging Activity logging Delivery receipts Security permissions The following Microsoft Visual Basic code example sends a fax. Note that...
Post a Comment
Read more

Convert your datatable into generic poco object in c# using linq, ado and reflections.

Follow @harshit_parshii The most common problem that we face these days is to create a common class and method that can be used across all the projects and codes. So today I will be sharing my code where you can see how to make and create a generic function without using entity framework for ado. net. The scenario is like you have an old software that uses stored procedure to return set of entities as a data-table, you do not want to re-write the back-end code as you are creating a web API in c# which needs to be delivered asap. You need to map these data tables to models as you might be using MV* pattern. So here we will be doing one to one mapping of model to data- table, and in similar fashion insert or update can also be done. So basically we are converting a data-table to list of strongly typed object model to do CRUD operations. So we have following things before hand. A helper class is referenced as the database(dbFactory) which executes ado. ne...
Post a Comment
Read more

Decoding underscore js SortBy - Sorting in javascript

Sorting can be the developers worst nightmare especially if it is done in more then one field. So what can help, recently doing research on it I came across underscore js sortBy (underscorejs.org/#sortBy) function which will help you to sort the array very effectively. So I was going through the documentation and found it very useful, but there are one drawback of it. Will let you know that: How to order in Ascending Order _.sortBy([6, 2, 4, 5, 3, 1], function(num){ return num }); [ 1 , 2 , 3 , 4 , 5 , 6 ] How to order in Descending Order _.sortBy([6, 2, 4, 5, 3, 1], function(num){ return -num }); [ 6 , 5 , 4 , 3 , 2 , 1 ] The underscore sort by will also work with string literals Ascending _.sortBy(['6','2', '4', '5', '3', '1'], function(num){ return num }); [ " 1 " , " 2 " , " 3 " , " 4 " , " 5 " , " 6 " ] Descending _.sortBy(['6','2'...
Post a Comment
Read more