单击链接时如何显示另一个弹出窗口进行注册?

时间:2020-04-15 07:05:21

标签: javascript html asp.net-mvc razor

我有一个可以正常运行的登录弹出窗口,但是它有一个注册链接,该链接应该在同一位置打开一个弹出窗口,但是我似乎做不到。我正在使用一个包含有关登录和注册的所有信息的客户模型。我对如何操作没有任何偏好。

<div class="col-lg-4">
                    <ul class="rightNav">
                        <li>
                            <a href="javascriptp:;"><div class="booking"><i class='fa fa-phone'> <span class='innertxt'>Booking Now</span></i></div></a>
                        </li>
                            <li class="posRelative dropdown">

                                <a href="javascript:;" data-toggle="dropdown"><i class='fa fa-login'> <span class='innertxt'>Login</span></i></a>
                                <ul class="submenu dropdown-menu">
                                    <li>
                                        @using (Html.BeginForm("Index", "Home", FormMethod.Post, new { @class = "form-inline " }))
                                        {
                                            @Html.AntiForgeryToken()
                                        <div id="log" class="login_registerWrapper">
                                            <h2>Login into your account</h2>
                                            <div class="form-group">
                                                <label for="usr">Username</label>
                                                <input type="text" class="form-control" id="usr" name="email" placeholder="Username">
                                            </div>
                                            <br />
                                            <div class="form-group">
                                                <label for="usr">Password</label>
                                                <input type="password" class="form-control" id="pwd" name="password" placeholder="Password">
                                            </div>
                                            <br />
                                            <div class="form-group">
                                                <button type="submit" class="log_reg">Login</button>
                                            </div>
                                            <h3>Do you have an acount? <a href='javascript:;' data-toggle="dropdown" class="registerLink">Register</a></h3>
                                        </div>
                                        }
                                        <div id="reg" class="login_registerWrapper">
                                            <h2>Create an account</h2>
                                            <div class="form-group">
                                                <label for="usr">Full name</label>
                                                <input type="text" class="form-control" id="usr" placeholder="Name">
                                            </div>
                                            <div class="form-group">
                                                <label for="usr">Email</label>
                                                <input type="email" class="form-control" id="pwd" placeholder="Email">
                                            </div>
                                            <div class="form-group">
                                                <label for="usr">Password</label>
                                                <input type="password" class="form-control" id="pwd" placeholder="Password">
                                            </div>
                                            <div class="form-group">
                                                <label for="usr">Confirm Password</label>
                                                <input type="password" class="form-control" id="pwd" placeholder="Confirm Password">
                                            </div>
                                            <div class="form-group">
                                                <button type="button" class="log_reg">Register</button>
                                            </div>
                                            <h3>Have an account? <a href='javascript:;' class="registerLink">Login</a></h3>
                                        </div>
                                    </li>

                                </ul>
                            </li>
                    </ul>
                    </div>

0 个答案:

没有答案