Bootstrap Modal Firing Up Incrementing Times

Bootstrap Modal fires action one time and if I click again it will fire up twice and so on.

Solution 1:

Just put $("#btnLogin").click event outside. Here is the my code or go with below link may be it can help you.

JSFiddle

JAVSCRIPT

$("#testComment").click(function(event) {
    if ($("#msg").val() == "" || $("#nombre").val() == "") {
        alert("To send a comment fill your mail and message!");
        event.stopPropagation();
    }
});
$("#btnLogin").click(function() {
    alert("this also");
    $(this).off('shown.bs.modal');
    if ($("#userLogin").val() != "" && $("#pwdLogin").val() != "") {
        var dataToSend = {
            "action": "LOGIN",
            "username": $("#userLogin").val(),
            "password": $("#pwdLogin").val(),
            "remember": $("#rememberMe").is(":checked")
        }
        $.ajax({
            url: "data/applicationLayer.php",
            type: "POST",
            data: dataToSend,
            dataTpe: "json",
            success: function(jsonData) {
                var data = {
                    "comment": $("#msg").val(),
                    "username": $("#username").val()
                }
                $.ajax({
                    url: "data/addComment.php",
                    type: "POST",
                    data: data,
                    dataType: "text",
                    success: function(dataResponse) {
                        var newHTMLContent = "";
                        newHTMLContent += "<tr><td>" + data.username + "</td>" + "<td>" + data.comment + "</td></tr>";
                        $("#commentTable").append(newHTMLContent);
                        alert("Comment was added!");
                    },
                    error: function(errorMsg) {
                        alert("Error adding comment in ajax");
                    }
                });
            },
            error: function(errorMsg) {
                alert("Login Error");
            }
        });
    } else {
        alert('Missing username or password.');
    }
});

Share