Auto Submit Form with Javascript

Question

function onSubmit() {
  if (document.getElementById('password').value == '1' &&   document.getElementById('password2').value == '1') {
  window.location.href = 'http://google.co.in'; 
  }
  else{ 
    alert('Please check your passcode and try again');
  }
}

<fieldset>
    <form class="hero-form" action="#">
      <div class="row-fluid">
        <label>Enter your passcode</label>
        <input type="password" name="password" maxlength="1" class="span7" id="password"  required/>
        <input type="password" name="password" maxlength="1" class="span7" id="password2"  required/>
      </div>
    </form>
</fieldset>
 <button class="btn btn-info btn-large span5" id="joe_btn" onclick="onSubmit()">Enter</button>

Is it possible to have the form auto submit after the password is entered, instead of having to press a submit button? For example, allowing the user to keep trying numbers until they get it correct.

Does this answer your question? Auto-Submit Form using JavaScript — Sudhir Ojha
– Sudhir Ojha, Commented Dec 30, 2020 at 6:38

mplungjan · Accepted Answer · 2020-12-30 06:40:11Z

You mean something like this? I delegate the test of input to the form

I also fixed your weird HTML structure

window.addEventListener("load", function() {
  document.getElementById("heroForm").addEventListener("input", function(e) {
    const val1 = document.getElementById('password').value;
    const val2 = document.getElementById('password2').value;
    if (val1 && val2) {
      if (val1 === '1' && val2 === '1') {
        window.location.href = 'http://google.co.in';
      } else {
        alert('Please check your passcode and try again');
      }
    }
  })
})

<form id="heroForm" class="hero-form" action="#">
  <fieldset class="row-fluid">
    <label>Enter your passcode</label>
    <input type="password" name="password" maxlength="1" class="span7" id="password" required/>
    <input type="password" name="password" maxlength="1" class="span7" id="password2" required/>
  </fieldset>
</form>

wxsm · Accepted Answer · 2020-12-30 06:54:53Z

1

function onSubmit() {
  if (document.getElementById('password').value && document.getElementById('password2').value) {
    if (document.getElementById('password').value == '1' && document.getElementById('password2').value == '1') {
      window.location.href = 'http://google.co.in';
    } else {
      alert('Please check your passcode and try again');
    }
  }
}

<fieldset>
  <form class="hero-form" action="#">
    <div class="row-fluid">
      <label>Enter your passcode</label>
      <input type="password" name="password" maxlength="1" class="span7" id="password" required oninput="onSubmit()" />
      <input type="password" name="password" maxlength="1" class="span7" id="password2" required oninput="onSubmit()" />
    </div>
  </form>
</fieldset>

edited Dec 30, 2020 at 6:54

answered Dec 30, 2020 at 6:36

wxsm

5864 silver badges14 bronze badges

Collectives™ on Stack Overflow

Auto Submit Form with Javascript

2 Answers 2

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related