আসুন আমরা বলি যে ব্যবহারকারী যখন এই HTML ফর্মটি জমা দেয় তখন আমাদের কী অর্জন করতে হবে, আমরা ক্লায়েন্ট সাইডে জমা দেওয়ার ইভেন্ট পরিচালনা করি এবং ফর্মটি জমা দেওয়ার সাথে সাথে ব্রাউজারটিকে পুনরায় লোড হতে বাধা দেয়
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
} PreventDefault() যা করে তা হল এটি ব্রাউজারকে তার ডিফল্ট আচরণ প্রতিরোধ করতে বলে এবং ক্লায়েন্ট সাইডেই ফর্ম জমা দেওয়ার ইভেন্টটি পরিচালনা করতে দেয়।
এর জন্য সম্পূর্ণ 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> 