匹配时删除登录页面中的错误消息

Question

我有一个登录页面，并且有用于匹配密码的API。如果密码不匹配，它将显示一条错误消息，但我的问题是，如果密码也与它匹配，则显示一条错误消息。因为正在循环数据，所以每次检查时我都需要打破循环，如果它匹配怎么做。这是我的 代码

的HTML

$(document).ready(function() {

    localStorage.removeItem('role');

    $(".login-error").hide();

    $("#login").on("submit", function(e) {

        e.preventDefault();

        var form_data = $('#login').serialize();

        var username = $("#name").val();

        var pwd = $("#password").val();

        $.ajax({

            url: "https://api.myjson.com/bins/qt7fk",

            type: "GET",

            dataType: "json",

            success: function(data) {

                console.log(typeof(data));

                // alert(JSON.stringify(data));

                var arr = data;

                arr.forEach(function(obj) {

                    console.log('name: ' + obj.name);

                    console.log('password: ' + obj.role);

                    var pass = obj.password;

                    // var decryptedBytes = CryptoJS.AES.decrypt(obj.password, "password");

                    var bytes = CryptoJS.AES.decrypt(pass.toString(), 'password');

                    var plaintext = bytes.toString(CryptoJS.enc.Utf8);

                    // alert(plaintext);

                    var role = obj.role;

                    if (role == "User") {

                        if (username == obj.name && pwd == plaintext) {

                            alert("New role");

                            document.getElementById('message').innerHTML = "Success"

                            /*   window.location.href = "./job-insert.html?role=" + role; */

                        } else {

                            $("#login p").removeClass("d-none");

                        }