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 உடன் இணைக்கவும் — ஆனால் உங்கள் ஏக ரক্ষণ வரிசையாக அதைக் கட்டுவிடாதீர்கள்; சேவையகமும் சரிபார்க்க வேண்டும்।