HTML5 Form Validation browser द्वारा provide की गई built-in validation feature है।
इससे form submit होने से पहले ही user input check हो जाता है, बिना JavaScript के।
यह validation user experience बेहतर बनाती है और गलत data submit होने से रोकती है।
required Validation
required attribute field को mandatory बना देता है।
<input type="text" required>
अगर field empty होगी तो form submit नहीं होगा।
Email Validation
type="email" email format automatically validate करता है।
<input type="email" required>
Invalid email format पर browser error message दिखाता है।
URL Validation
type="url" valid URL format check करता है।
<input type="url">
Number Validation
type="number" numeric input allow करता है।
<input type="number">
min और max Validation
Value की range limit set की जाती है।
<input type="number" min="1" max="100">
step Validation
Allowed value interval define करता है।
<input type="number" step="5">
minlength Validation
Minimum characters limit set करता है।
<input type="password" minlength="6">
maxlength Validation
Maximum characters limit define करता है।
<input type="text" maxlength="10">
pattern Validation
Custom validation के लिए regular expression use किया जाता है।
<input type="text" pattern="[A-Za-z]{3,}">
इस example में कम से कम 3 letters जरूरी हैं।
Date Validation
Date input के लिए minimum और maximum date set की जा सकती है।
<input type="date" min="2024-01-01" max="2025-12-31">
Multiple Validation Rules
एक ही input पर multiple validations apply की जा सकती हैं।
<input type="email" required minlength="10">
Browser Error Messages
HTML5 validation के समय browser default error messages show करता है।
ये messages browser और language के हिसाब से change हो सकते हैं।
Custom Validation Message
title attribute से hint message दिया जा सकता है।
<input type="text" pattern="[0-9]{10}" title="Enter 10 digit mobile number">
Validation को Disable करना
पूरे form के लिए validation disable किया जा सकता है।
<form novalidate>
Specific submit button के लिए:
<input type="submit" formnovalidate>
HTML5 Form Validation के फायदे
JavaScript के बिना validation
Fast और lightweight
Better user experience
Mobile-friendly validation
HTML5 Form Validation Summary
HTML5 browser-level validation provide करता है
required, type, pattern जैसे attributes powerful हैं
Less JavaScript की जरूरत होती है
Client-side validation हमेशा server-side validation के साथ use करनी चाहिए