Validate date in JavaScript (dd/mm/yyyy format)

100%

Validate date in JavaScript (dd/mm/yyyy format)

✓ Published0🌍 Public

Last edited Feb 6, 2017

Created on Aug 26, 2021

This example demonstrates a client-side JavaScript function that validates a date entered in dd/mm/yyyy format within an HTML form. It reads the value from an input field via `document.getElementById`, splits it into day, month, and year components using `parseInt`, and checks for numeric values, positive ranges, month limits, and day counts per month. The validation accounts for leap years by checking divisibility by 4 and uses a hardcoded `daysPerMonth` array to enforce maximum days. It returns `false` and displays an `alert` with an error message when validation fails, or `true` for a valid date.

AI-generated description

Similar vizzes

Loading thumbnail…

JavaScript Date Format

This example demonstrates the JavaScript `dateFormat` library, which formats dates and times using customizable mask patterns. It shows how to apply masks like `shortDate`, `longDate`, and `isoDateTime` to produce strings such as `m/d/yy` or `yyyy-mm-dd'T'HH:MM:ss`. The code defines a closure-based formatter with regex token parsing and supports UTC conversion, internationalized day and month names, and common presets. It also extends `Date.prototype` with a `.format()` method for direct usage. The data source is the current date or any user-supplied date, processed through `Date.parse`.

Aabonello

62% match

Loading thumbnail…

JS Bin

This example demonstrates a JavaScript utility for calculating the number of days in a given month, using native `Date` objects and arithmetic to compute the difference between the first day of the target month and the first day of the following month. The code defines two functions: `daysThisMonth()` and `daysInMonth(y, m)`, both logging results to the console via `console.log`. The current month’s day count and a manual check for April 2016 are printed, showing the raw month-length values without any visualization or external libraries.

JJaxonDvl

60% match

Loading thumbnail…

Gist 489e9ac301a5022e6e8c60236df7e875

This example demonstrates how JavaScript’s built-in `Date` object can format and extract the current time in various human-readable styles, including date-only, time-only, and localized strings. It also shows a custom function that converts a 24-hour hour value to a 12-hour format with `am`/`pm` suffixes, producing a concise string like “12-17 at 2pm” alongside the full locale-specific time. The code uses native `Date` methods such as `toDateString`, `toTimeString`, `toLocaleDateString`, `toLocaleTimeString`, and getters like `getMonth`, `getDate`, and `getHours`. It relies on the browser’s or Node.js’s JavaScript runtime without external libraries.

Aamazingandyyy

59% match

Loading thumbnail…

Gist 7699534

This example demonstrates a jQuery plugin for form validation, where input fields are checked against rules like presence, email format, and numeric ranges. Valid and invalid states trigger CSS classes (`pass`/`fail`) through event handlers. The implementation defines custom jQuery functions (`jQuery.fn.valid`, `jQuery.fn.validate`) that listen for events such as `focusout`, `keydown`, and `submit`, using the `jQuery(@).data()` API to track validity. The usage sample binds validators to elements with the class `form-control.required`, applying the declared callbacks for live feedback.

DDylanFM

57% match

Loading thumbnail…

Get number days in specified month

This example calculates the number of days in a given month for any specified year and month. It shows how leap years affect February’s length, returning either 28 or 29 days. The code uses JavaScript’s `Date` object to detect leap years by checking if February 29th exists in the given year. It then maps the month index to a hardcoded array of day counts, with the leap-year adjustment applied only to February. The logic references Stack Overflow solutions for both day-count and leap-year detection.

Aadkdev

56% match

Loading thumbnail…

Form Validation

This example shows a client-side HTML form that validates an email address and password when the user submits it, displaying any errors in a red list. The code uses jQuery’s `.on('submit')` method to intercept the submission and a series of regular expressions to test the email format, numeric digits, a capital letter, and a minimum length of eight characters. Error messages are pushed into an array and appended as list items to a `<ul>` element, with styling from a simple CSS rule.

EElaineYu

56% match

Loading thumbnail…

Get dates in between two dates with JavaScript.

This example shows how to generate an array of all dates between a given start and end date using plain JavaScript. It defines a `getDates` function that iterates from the start date, pushing each date into an array, and increments the current date by one day using a custom `addDays` helper that leverages the native `Date` object and its `setDate` method. The code then demonstrates usage with two sample dates, logging each resulting date to the console. It relies solely on the standard JavaScript `Date` API, with no external libraries.

Aabonello

55% match

Loading thumbnail…

All the parts we use to convert dates on the page to local times

This example shows a set of JavaScript functions that convert date and time displays on a webpage into a user’s local timezone, and also classifies the age of each timestamp relative to the current moment. The code uses the jQuery library to select and modify DOM elements, calling methods like `$.parseUTCDate` and `$.edate.timeAgoInWords` to handle date parsing and formatting. It assigns CSS classes such as `age-new` or `age-fresh` based on the computed time difference, and updates the text content of each timestamp span accordingly. The data source is the timestamp text within the page’s HTML elements, processed entirely client-side.

CCaged

54% match