Date in form - HTML / CSS

Expand|Select|Wrap|Line Numbers

 <!DOCTYPE html>

<html>

<head>

<SCRIPT> var date = new Date(); var month = date.getMonth()+1; var day = date.getDate(); var year = date.getFullYear(); 

var output= month + '/' +day + '/' + year; 

function compareDate() 

{ 

if(Date.parse(document.form1.Date.value)<Date.parse(output))

{ 

alert("You cannot select a date less than the current date"); 

} 

} 

</SCRIPT>  

<link type="text/css" rel="stylesheet" href="ExternalStylesheet/homestylesheet.css" />
 
<style>
 
button{

border:2px solid navy;

background:white;

height:40px;

width:120px;

border-radius:5px;

background-color:navy;

color:white;

}

h1{

text-color:navy;

padding-left:80px;

text-align:center;

}

td{

font-size:20px;

width:400px;

padding:5px;

}

form{

border:5px solid red;

}

h1{

color:#C71585;

}

table{

margin-right:400px;

margin-left:400px;

}

</style>

</head>

<body>

<form name="form1">

<h1> Register Online</h1>

<Table>

<tr>

<td>First Name</td>

<td><input type="text" name="usrname" PlaceHolder="Enter Your First Name" required></td>

</tr>

<tr> 

<td> Last Name</td>

<td><input type="text" id="usrname1" PlaceHolder="Enter Your Last Name" required></td>

</tr>

<tr>

<td>Age</td>

<td><input type="number" id="age" min="0" max="200" PlaceHolder="Enter Your Age"><td/>

</tr>

<tr>

<td>Gender</td>

<td><input type="checkbox" id="gender" value="Male">M<input type="checkbox" id="gender1" value="Female">F</td>

</tr>

<tr>

<td>City</td>

<td><input type="text" id="city" PlaceHolder="Enter your City" required</td>

</tr>

<tr>

<td>State</td>

<td><input type="text" id="state" PlaceHolder="Enter your state" required</td>

</tr> 

<tr>

<td>Location</td>

<td><input type="text" id="location" PlaceHolder="Enter your location" required</td>

</tr>

<tr> 

<td> Email ID</td>

<td><input type="email" id="mail" PlaceHolder="Enter Your email address" pattern="[^@]+@[a-zA-Z]+\.[a-zA-Z]{2,6}" required></td>

</tr>

<tr>

<td>Preffered date</td>

<td><input type="date" id="Date" PlaceHolder="Enter your preffered date" required</td>

</tr>

<tr>

<td>Contact Number</td>

<td><input type="num" id="number" PlaceHolder="Enter Your Contact Number" required></td>

</tr>

<tr>

<td>Address</td>

<td><textarea rows="4" cols="16" id="address" PlaceHolder="Enter your address" required>

</textarea></td>

</tr>

<tr><td>

<Button type="submit">Submit</BUTTON></td>

<td><BUTTON type="reset">Reset</BUTTON>

</td></tr>

</table>

</form>
 
</body>

</html>

plz can anyone help...its still accepting the date less than the current date..i tried a lot..but in my eyes i found nothing wrong..plz guide me anyone...

Aug 7 '14 #1

Subscribe Post Reply

1538

abhishekphukan

ok ok i got it..hehe..
i forgot the onchange attribute after the id attribute

Aug 7 '14 #2

Similar topics

how to get decimal to date form

by: wireless | last post by:

In our database is a decimal field with format YYMMDDhhmmss.9999999999 where the 9s are random digits. I'm trying to strip off just the YYMMDD and put it in date form. So far I came up with:...

Microsoft SQL Server

How do I bring in a date which is in Integar form into a databse as a date form.

by: s commar | last post by:

Hi I have a Platinum database which stores dates in integer form e.g the date is formatted as below: Column_name Type Length Precision...

Microsoft SQL Server

How do you get selected date form MonthCalendar control?

by: Lisa Jones | last post by:

Hi Can someone tell me How do you get selected date form MonthCalendar control Thanks so muc Lisa

Visual Basic .NET

How to set Default Date Form Value to run from Fri to Sun, when ran on a Mon?

by: DawnAnne1974 | last post by:

I need to set a default date on a form that when it comes to a Monday, the form from and to dates will default to the Friday to Sunday of the previous week. For all other day, the form should...

General

modifying html input date for mysql, reg ex or string interpolation?

by: Kun | last post by:

I have an html form that takes dates and inserts them into a mysql file. Currently, users have to type in dates in the yyyy-mm-dd format. As of now, this process works with the sql. However, I...

Python

date form oracle to servlets

by: ranjit189 | last post by:

i got the date from oracle database using servlet programming string dt=x.getDatabaseValue("select sysdate from dual"); my problem is i got nother date i have entered now i want to compare both...

Java

how can i change a string from an sql query to a date form

by: marianna | last post by:

hi everyone, i have aquestion with a programm of mine.I want to take a date from my database and when the query returns it it is like that:$row.So i guess it becomes a string or a variable. how can...

MySQL Database

How to get a subform to take its parameter from another form?

by: jgrob3 | last post by:

I have a form which contains two subforms: and . The two subforms each have a SQL query to display their results in datasheet view and allow the user to tick which items have been billed. ...

Microsoft Access / VBA

Get the date form the monthCalander control

by: sravan_reddy001 | last post by:

how can get the date selected in the monthCalander Control i'm able to see the selectionstart property but its displaying the date and the start time (i.e) 12:00:00 AM i used the following code...

C# / C Sharp

date Form Datetime using Where Clause

by: Sachin Karande | last post by:

select * from tbl_Task where Convert(datetime,Time,101)='2011/12/28' 2011/12/28 data is avalable in tbl_Task Table but i retrive data fro only date in datetime datatype Plz sove this query

Microsoft SQL Server

Easy Steps to Fix "Canon Printer Won't Connect to WiFi Network"

by: taylorcarr | last post by:

A Canon printer is a smart device known for being advanced, efficient, and reliable. It is designed for home, office, and hybrid workspace use and can also be used for a variety of purposes. However,...

General

Basic Javascript concepts

by: aa123db | last post by:

Variable and constants Use var or let for variables and const fror constants. Var foo ='bar'; Let foo ='bar';const baz ='bar'; Functions function $name$ ($parameters$) { } ...

Javascript

Migrating Website to Cloud - Emmanuel Katto

by: emmanuelkatto | last post by:

Hi All, I am Emmanuel katto from Uganda. I want to ask what challenges you've faced while migrating a website to cloud. Please let me know. Thanks! Emmanuel

General

Navigating the Data Structures and Algorithms (DSA)

by: BarryA | last post by:

What are the essential steps and strategies outlined in the Data Structures and Algorithms (DSA) roadmap for aspiring data scientists? How can individuals effectively utilize this roadmap to progress...

Algorithms / Advanced Math

Is that possible of reading the .csv file in column wise and the column have different lengths ?

by: Sonnysonu | last post by:

This is the data of csv file 1 2 3 1 2 3 1 2 3 1 2 3 2 3 2 3 3 the lengths should be different i have to store the data by column-wise with in the specific length. suppose the i have to...

C / C++

How to build RAID in BIOS?

by: Hystou | last post by:

There are some requirements for setting up RAID: 1. The motherboard and BIOS support RAID configuration. 2. The motherboard has 2 or more available SATA protocol SSD/HDD slots (including MSATA, M.2...

Computer Hardware

What is ONU?

by: marktang | last post by:

ONU (Optical Network Unit) is one of the key components for providing high-speed Internet services. Its primary function is to act as an endpoint device located at the user's premises. However,...

General

Changing the language in Windows 10

by: Hystou | last post by:

Most computers default to English, but sometimes we require a different language, especially when relocating. Forgot to request a specific language before your computer shipped? No problem! You can...

Windows Server

Problem With Comparison Operator <=> in G++

by: Oralloy | last post by:

Hello folks, I am unable to find appropriate documentation on the type promotion of bit-fields when using the generalised comparison operator "<=>". The problem is that using the GNU compilers,...

C / C++