Question posted in
You can find the official documentation here.

How to use two forms in the Ajax request? – Jquery ajax

var getLoginpasssystem = function(getPassForgotSystem,getLoginCheckSystem){
$(document).ready(function() {
    $('#login' || '#lostpasswordform').submit(function(e) {
        e.preventDefault();
        $.ajax({
            type: "POST",
            url: 'http://www.virtuelles-museum.com.udev/spielelogin/logsystem.php',
            data: $(this).serialize(),
            success: function(response) {
                var data = JSON.parse(response);

                if (data.success == "accepted") {
                    document.getElementById('inner').innerHTML = 'Herzlich Willkommen';

                    // location.href = 'index.php';
                } else {
                    alert('Ungültige Email oder Password!');
                }
            }
        });
    });
})
}

The question is how to use two forms in one request with ajax. In this code I used ||, but it doesn’t work. I mean the #login form works well but the #lostpasswordform doesn’t work. When I click on the button it reloads the page instead of giving an alert.

Tags:

2

Answers


  1. 0

    The reason for this is the way you do your jQuery selection. Selecting multiple elements is done like this: $( "div, span, p.myClass" )

    In other words it should work if you replace $('#login' || '#lostpasswordform') with $('#login, #lostpasswordform')

    You can read more in detail about this in the jQuery docs

    Login or Signup to reply.
  2. 0

    elector be used to select multiple elements. $("#login,#lostpasswordform").submit()

    Use below code :

    var getLoginpasssystem = function(getPassForgotSystem,getLoginCheckSystem){
$(document).ready(function() { 
        
    $("#login,#lostpasswordform").submit(function(e) {
        e.preventDefault();
        $.ajax({
            type: "POST",
            url: 'http://www.virtuelles-museum.com.udev/spielelogin/logsystem.php',
            data: $(this).serialize(),
            success: function(response) {
                var data = JSON.parse(response);

                if (data.success == "accepted") {
                    document.getElementById('inner').innerHTML = 'Herzlich Willkommen';

                    // location.href = 'index.php';
                } else {
                    alert('Ungültige Email oder Password!');
                }
            }
        });
    });
})
}
    Login or Signup to reply.
Please signup or login to give your own answer.

Back To Top
Search