javascript - 如果在布局刀片中使用两个模态，如何显示特定模态，假设表单已验证并且何时返回错误

Question

我在layout.blade中有两个模式（登录和注册） ，我已经将它包含在index.blade @include('layout')

我正在使用此代码来识别我想要的模式，但它似乎没有工作

<p id="check_modal_type"></p>

    <script type="text/javascript">

function loginORregister(login_or_register){
    if(login_or_register=='login'){
        document.getElementById('check_modal_type').innerHTML = 'login';
    }
    else{
        document.getElementById('check_modal_type').innerHTML = 'register';
    }
}

$(document).ready(function () {
    //$('#signupModal').modal('show');
    alert(abc);
            @if (count($errors) > 0)
                if(document.getElementById('check_modal_type').innerHTML =='register'){
                $('#signupModal').modal('show');
                }
                if(document.getElementById('check_modal_type').innerHTML =='login'){
                $('#loginModal').modal('show');
                }
            @endif
        });
    </script>

我正在调用onclick="loginORregister('login');" 每当respose出现错误时，在表单的提交按钮上更改innerHTML，javascript更改的值会重置... :(

如果您有任何想法如何实现这一点，或者只是我如何知道当响应以特定模态出现时必须显示哪个模态

提前谢谢你们。

标签： javascriptphplaravellaravel-8