HTML లక్షణాల ద్వారా అంతర్నిర్మిత ధృవీకరణ ను అందిస్తుంది, తద్వారా బ్రౌజర్ చెల్లని సమర్పణలను నిరోధిస్తుంది మరియు సందేశాలను ప్రదర్శిస్తుంది — JavaScript అవసరం లేదు.
html
Submit
HTML లక్షణాల ద్వారా అంతర్నిర్మిత ధృవీకరణ ను అందిస్తుంది, తద్వారా బ్రౌజర్ చెల్లని సమర్పణలను నిరోధిస్తుంది మరియు సందేశాలను ప్రదర్శిస్తుంది — JavaScript అవసరం లేదు.
Submit
ధృవీకరణ లక్షణాలు: required, min/max, minlength/maxlength, pattern (regex) మరియు టైపు నిজస్సుగా (email, url, number). సమర్పణ కోసం, బ్రౌజర్ వాటిని తనిఖీ చేస్తుంది, ఏదైనా విఫలమైతే సమర్పణను ఆపుతుంది మరియు మొదటి చెల్లని ఫీల్డ్లో నేటివ్ బబుల్ను ప్రదర్శిస్తుంది.
input:invalid { border-color: red; }
input:valid { border-color: green; }
input:user-invalid { border-color: red; } /* only after the user has interacted — nicer UX */
JavaScriptలో ధృవీకరణను చదవండి మరియు కస్టమైజ్ చేయండి:
const input = document.querySelector("input");
input.validity.valueMissing; // true if required and empty
input.validity.typeMismatch; // true if email/url format is wrong
input.checkValidity(); // returns boolean, fires invalid event
input.setCustomValidity("Passwords don't match"); // custom error message
setCustomValidity లక్షణాలు వ్యక్తం చేయలేని నియమాలను జోడించడానికి మీకు అనుమతి ఇస్తుంది (ఉదా. "సంకేతపదం నిర్ధారణ సరిపోలుతుంది").
<form novalidate>...</form> <!-- skip native validation (handle in JS) -->
ఎల్లప్పుడు సర్వర్లో కూడా ధృవీకరించండి — క్లায়েంట్ ధృవీకరణ UX కోసం; వినియోగదారులు దానిని దాటిపోవచ్చు.
నేటివ్ ధృవీకరణ ఆక్సెస్సులభ, స్థానికీకరించిన ఎర్రర్ సందేశాలు మరియు తక్షణ ప్రతిస్పందనను ఉచితంగా ఇస్తుంది.
కస్టమ్ నియమాల కోసం ప్రకటనాత్మక లక్షణాలను నిబంధన ధృవీకరణ API తో కలపండి — కానీ దానిపై మీ ఏకైక రక్షణ లైనుగా ఆధారపడవద్దు; సర్వర్ కూడా ధృవీకరించాలి.