মান লইয়া যাক, ব্যবহারকারী এই HTML ফর্ম সাবমিট করলে, আমরা ক্লায়েন্ট সাইডে সাবমিট ইভেন্ট হ্যান্ডেল করব এবং ব্রাউজারকে ডিফল্ট রিলোড বenderer থেকে রোকব।
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(); // বাকি ফাংশন লজিক যায় এখানে }
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(); // বাকি ফাংশন লজিক যায় এখানে } } </script> </body> </html>
