मान लें कि हमें जो हासिल करने की आवश्यकता है वह यह है कि जब उपयोगकर्ता इस HTML फॉर्म को सबमिट करता है, तो हम क्लाइंट साइड पर सबमिट इवेंट को हैंडल करते हैं और फॉर्म सबमिट होते ही ब्राउज़र को फिर से लोड होने से रोकते हैं
एचटीएमएल फॉर्म
<form name="formcontact1" action="#"> <input type='text' name='email' size="36" placeholder="Your e-mail :)"/> <input type="submit" name="submit" value="SUBMIT" onclick="ValidateEmail(document.formcontact1.email)" /> </form>
अब, ऐसा करने का सबसे आसान और सबसे विश्वसनीय तरीका यह है कि हमारे ValidateEmail() फ़ंक्शन को इसकी परिभाषा के शीर्ष पर निम्न पंक्ति को शामिल करने के लिए ट्वीव किया जाए -
function ValidateEmail(event, inputText){
event.preventDefault();
//remaining function logic goes here
} क्या रोकथाम डीफॉल्ट() करता है कि यह ब्राउज़र को अपने डिफ़ॉल्ट व्यवहार को रोकने के लिए कहता है और क्लाइंट पक्ष पर ही फॉर्म सबमिट करने वाले ईवेंट को खोलने देता है।
इसके लिए पूर्ण HTML कोड है -
उदाहरण
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<form name="formcontact1" action="#">
<input
type='text'
name='email'
size="36"
placeholder="Your e-mail :)"/>
<input
type="submit"
name="submit"
value="SUBMIT"
onclick="ValidateEmail(document.formcontact1.email)"
/>
</form>
<script>
{
function ValidateEmail(event, inputText){
event.preventDefault();
//remaining function logic goes here
}
}
</script>
</body>
</html>