Blog

<form id="myForm">
  নাম: <input type="text" name="username" value="রকিব"><br>
  পাসওয়ার্ড: <input type="password" name="password" value="12345"><br>
  <input type="submit" value="সাবমিট">
</form>

<script>
  // ফর্ম অ্যাক্সেস
  const form = document.forms['myForm']; // বা document.getElementById('myForm')

  // ইনপুট ফিল্ডের ভ্যালু পড়া
  console.log("নাম:", form.username.value);
  console.log("পাসওয়ার্ড:", form.password.value);

  // ইনপুট ভ্যালু পরিবর্তন
  form.username.value = "নতুন নাম";

</script>

<form id="loginForm">
  ইমেইল: <input type="email" name="email"><br>
  পাসওয়ার্ড: <input type="password" name="password"><br>
  <input type="submit" value="লগইন">
</form>

<script>
  const form = document.getElementById('loginForm');

  form.addEventListener('submit', function(event) {
    const email = form.email.value;
    const password = form.password.value;

    if(email === '' || password === '') {
      alert('সব ফিল্ড পূরণ করুন!');
      event.preventDefault();  // সাবমিশন বন্ধ করবে
    }
  });
</script>

<form id="regForm">
  নাম: <input type="text" name="name" id="name"><br>
  ইমেইল: <input type="email" name="email" id="email"><br>
  পাসওয়ার্ড: <input type="password" name="password" id="password"><br>
  <input type="submit" value="রেজিস্টার">
</form>

<script>
  const form = document.getElementById('regForm');

  form.addEventListener('submit', function(e) {
    e.preventDefault();

    const name = form.name.value.trim();
    const email = form.email.value.trim();
    const password = form.password.value.trim();

    if(name === '' || email === '' || password === '') {
      alert('সকল ফিল্ড পূরণ করুন।');
      return;
    }

    if(password.length < 6) {
      alert('পাসওয়ার্ড কমপক্ষে ৬ অক্ষরের হতে হবে।');
      return;
    }

    alert('রেজিস্ট্রেশন সফল হয়েছে!\n' + 'নাম: ' + name + '\nইমেইল: ' + email);
    form.reset(); // ফর্ম রিসেট করে
  });
</script>