HTML नोवेलिडेट विशेषता परिभाषित करती है कि प्रपत्र सबमिट करते समय प्रपत्र डेटा को HTML दस्तावेज़ में मान्य नहीं किया जाना चाहिए।
सिंटैक्स
निम्नलिखित वाक्य रचना है -
<form novalidate></form>
आइए हम HTML नोवेलिडेट एट्रीब्यूट का एक उदाहरण देखें -
उदाहरण
<!DOCTYPE html>
<html>
<style>
body {
color: #000;
height: 100vh;
background: linear-gradient(62deg, #FBAB7E 0%, #F7CE68 100%) no-repeat;
text-align: center;
}
input[type='text'] {
width: 300px;
padding: 8px 16px;
border: 2px solid #fff;
background: transparent;
border-radius: 20px;
display: block;
margin: 1rem auto;
outline: none;
}
.btn {
background: #db133a;
border: none;
height: 2rem;
border-radius: 20px;
width: 330px;
display: block;
color: #fff;
outline: none;
cursor: pointer;
margin: 1rem auto;
}
::placeholder {
color: #000;
}
</style>
<body>
<h1>HTML novalidate attribute Demo</h1>
<form>
<input type="text" placeholder="Enter your name" required>
<input type="submit" value="Submit" class="btn" onclick='check()'>
</form>
<button type='button' class="btn" onclick="set()">Set No Validation</button>
<div class="show"></div>
<script>
function set() {
document.querySelector('form').setAttribute('novalidate', 'true');
}
</script>
</body>
</html> आउटपुट
टेक्स्ट फ़ील्ड में कोई नाम दर्ज किए बिना "सबमिट" बटन पर क्लिक करने का प्रयास करें, यह एक चेतावनी संदेश देगा -
अब “सत्यापन नहीं सेट करें . पर क्लिक करें नवीनीकरण set सेट करने के लिए बटन प्रपत्र तत्व पर विशेषता और अब टेक्स्ट फ़ील्ड में कोई नाम दर्ज किए बिना फ़ॉर्म सबमिट करने का प्रयास करें, इस बार यह बिना किसी चेतावनी संदेश के आसानी से सबमिट हो जाएगा
-
