Question

I have a simple form. I am handling its submission. When submitting, There is a problem on my Android device. The page refresh and nothing happens. Second click does the trick and sends an AJAX call. Do you have any idea how to fix it? There are no syntax errors. It works without refreshing in my browser. It refreshes on Android.

Here is a code:

<form method="post" name="logowanie" data-ajax="false" id="form">

            <label for="email">E-mail:</label>
            <input type="email" name="email" id="email"/>   
            <label for="haslo">Hasło:</label>
            <input type="password" name="haslo" id="haslo"/>

            <button id="submit" type="submit" data-theme="e">Zaloguj</button>

</form>

I am handling form this way:

 $(document).ready(function () {


    $('form').on('submit', function (e) {

    Ajax call

    return false;
   }  
}

Answer 1

Try with:-

  e.preventDefault();
  e.stopImmediatePropagation();

…..

 <script>
  $(document).ready(function () {
    $('form').on('submit', function (e) {
     e.preventDefault();
     e.stopImmediatePropagation();
     alert('test');
    return false;
    });  
  });
 </script>