如何在提交按钮后关闭模态窗口?

问题描述 投票:0回答:1

我有纯css的模态窗口。当我单击提交按钮时,我的模态窗口不会消失。我该如何隐藏我的模态窗口?这是我的代码。这是CSS和HTML代码。你有什么想法?

 <div class="banner-content text-center" >


                            <br/><br/>
                            <a href="#open-modal" class="myButton">ORDER</a>    

                            <div id="open-modal" class="modal-window" id="modal-window">
                             <div>
                                <a href="#modal-close" title="Close" class="modal-close">Close</a>
                                <h1>Contact Form</h1>
                                <div>
                                    <div class="container">
                                          <form name="contactform" method="post">


                                            <input type="text" id="fname" name="first_name" >


                                            <input type="text" id="lname" name="email">


                                            <input type="text" id="phone" name="phone" >


                                            <textarea id="subject" name="subject" style="height:150px"></textarea>

                                            <input type="submit" name="submit" id="submit" value="Send">

                                          </form>
                                    </div>
                                </div>
                            </div>
                            </div>
                        </div>
html css
1个回答
0
投票

使用Bootstrap - 试试这个:

$('#submit').submit(function(e) {
        e.preventDefault();
        $('#IDModal').modal('hide');
        return false;
    });

另外 - 我没有看到按钮类型。我建议将<input type="submit" name="submit" id="submit" value="Send">切换到<<button type="submit" name="submit" id="submit" value="Send">

让我知道你的结果!

© www.soinside.com 2019 - 2024. All rights reserved.