Jquery: return: false при изпращане не работи - формулярът все още се изпраща

Има ли причина формулярът все още да се изпраща? Проверките за валидиране работят, но ако всичко е въведено правилно, формулярът се изпраща и заявката за ajax не се задейства.

$("#formRegister").submit(function () {
// Start problem
    var mode = $("registerMode").val();
// End problem
    var username = $("#registerUsername").val();
    var password = $("#registerPassword").val();
    var passwordConfirm = $("#registerPasswordConfirm").val();
    var avatar = $("#registerAvatar").val();

    if (username == 'Username') {
        $("#registerError").html('You must enter a username');
    } else if (password == 'Password') {
        $("#registerError").html('You must enter a password');
    } else if (password != passwordConfirm) {
        $("#registerError").html('Your passwords did not match');
    } else if (avatar == 'Avatar URL') {
        $("#registerError").html('You must enter the URL for your combine avatar');
    } else {
        $.ajax({
            type: "POST",
            url: "processUsers.php",
            data: {
                mode: mode,
                username: username,
                password: password,
                avatar: avatar
            },
            dataType: "JSON",
            success: function(data) {
                alert('success!');
            }
        });
    }

    return false;
});

jquery form-submit
person Styles2304    schedule 20.08.2013    source източник
comment
можете ли да дадете и HTML   -  person Puneet    schedule 20.08.2013
comment
къде се декларират променливите за опцията „данни“?   -  person hex4    schedule 20.08.2013
comment
всяка грешка в конзолата на вашия браузър   -  person Arun P Johny    schedule 20.08.2013
comment
Можете да използвате Firebug, за да добавите точки на прекъсване и да преминете през вашия Javascript, за да видите кой път поема   -  person tomaroo    schedule 20.08.2013
comment
Проблемът беше, че дефинирах режим. Беше изтрит при редакция и тъй като работеше преди това, не търсех в тази област грешки.   -  person Styles2304    schedule 20.08.2013

Отговори (1)


arrow_upward
2
arrow_downward

Това трябва да работи

$("#formRegister").submit(function (event) {
var username = $("#registerUsername").val();
var password = $("#registerPassword").val();
var passwordConfirm = $("#registerPasswordConfirm").val();
var avatar = $("#registerAvatar").val();

if (username == 'Username') {
    $("#registerError").html('You must enter a username');
} else if (password == 'Password') {
    $("#registerError").html('You must enter a password');
} else if (password != passwordConfirm) {
    $("#registerError").html('Your passwords did not match');
} else if (avatar == 'Avatar URL') {
    $("#registerError").html('You must enter the URL for your combine avatar');
} else {
    $.ajax({
        type: "POST",
        url: "processUsers.php",
        data: {
            mode: mode,
            username: username,
            password: password,
            avatar: avatar
        },
        dataType: "JSON",
        success: function(data) {
            alert('success!');
        }
    });
}
event.preventDefault();
});
person Guerra    schedule 20.08.2013
comment
@Guerra... LOL ме победи с 10 секунди... забравих да вляза. - person Epiphany; 20.08.2013
comment
@Epiphany LOL, ставам по-бърз с това =]] - person Guerra; 20.08.2013
comment
return false; също трябва да работи... това е програмният еквивалент на e.preventDefault(); и e.stopPropagation(); - person tomaroo; 20.08.2013
comment
@tomaroo, виждам, че на firefox много пъти return false не работи. И така, return false също трябва да работи, но не... така че опитайте preventDefault, ако все още не работи.... имате проблем =]] - person Guerra; 20.08.2013
comment
@Guerra Никога не съм изпитвал това преди. Това е добре да се знае. Може би имате демонстрация на това, което се случва, или някаква интернет статия или документация? - person tomaroo; 20.08.2013