Javascript 从jquery弹出模式调用操作方法

Javascript 从jquery弹出模式调用操作方法,javascript,jquery,popup,asp.net-mvc-5,Javascript,Jquery,Popup,Asp.net Mvc 5,好的,在发布这篇文章之前我做了很多搜索,但是我不能真正得到我需要的,问题是我有一个登录/注册的弹出模式 <!--Signin/Signup container--> <div id="modal" class="popupContainer" style="display:none;"> <section class="popupBody"> <!-- Social Login

好的,在发布这篇文章之前我做了很多搜索,但是我不能真正得到我需要的,问题是我有一个登录/注册的弹出模式

 <!--Signin/Signup container-->
        <div id="modal" class="popupContainer" style="display:none;">


            <section class="popupBody">
                <!-- Social Login -->
                <div class="social_login">
                    <div class="">
                        <a href="#" class="social_box fb">
                            <span class="icon"><i class="fa fa-facebook"></i></span>
                            <span class="icon_title">سجل عن طريق الفيس بوك</span>

                        </a>

                        <a href="#" class="social_box google">
                            <span class="icon"><i class="fa fa-google-plus"></i></span>
                            <span class="icon_title">سجل عن طريق كوكل</span>
                        </a>
                    </div>

                    <div class="centeredText">
                        <span>أو استخدم الايميل الخاص بك</span>
                    </div>

                    <div class="action_btns">
                        <div class="one_half"><a href="#" id="login_form" class="btn">Login</a></div>
                        <div class="one_half last"><a href="#" id="register_form" class="btn"> Register</a></div>
                    </div>
                </div>

                <!-- Username & Password Login form -->
                <div class="user_login">
                    <form>
                        <label>الايميل / اسم المستخدم</label>
                        <input type="text" />
                        <br />

                        <label>كلمة السر</label>
                        <input type="password" />
                        <br />

                        <div class="checkbox">
                            <input id="remember" type="checkbox" />
                            <label for="remember">احفظ معلومات الدخول على هذا الجهاز</label>
                        </div>

                        <div class="action_btns">
                            <div class="one_half"><a href="#" class="btn back_btn"><i class="fa fa-angle-double-left"></i> رجوع</a></div>
                            <div class="one_half last"><a href="#" class="btn btn_red">Login</a></div>
                        </div>
                    </form>

                    <a href="#" class="forgot_password">هل نسيت كلمة المرور؟</a>
                </div>

                <!-- Register Form -->
                <div class="user_register">
                    <form>
                        <label>الاسم الكامل</label>
                        <input type="text" />
                        <br />

                        <label>عنوان البريد الألكتروني</label>
                        <input type="email" />
                        <br />

                        <label>كلمة المرور</label>
                        <input type="password" />
                        <br />

                        <div class="checkbox">
                            <input id="send_updates" type="checkbox" />
                            <label for="send_updates">أرسل لي رسائل في حال وجود أي تحديثات</label>
                        </div>

                        <div class="action_btns">
                            <div class="one_half"><a href="#" class="btn back_btn"><i class="fa fa-angle-double-left"></i> Back</a></div>
                            <div class="one_half last"><a href="#" class="btn btn_red">Register</a></div>
                        </div>
                    </form>
                </div>
            </section>
        </div>
        <!--Signin/Signup End-->

أو استخدم الايميل الخاص بك
الايميل / اسم المستخدم

كلمة السر
احفظ معلومات الدخول على هذا الجهاز الاسم الكامل
عنوان البريد الألكتروني
كلمة المرور
أرسل لي رسائل في حال وجود أي تحديثات
这是剧本:

  <script>
            // Plugin options and our code
            $("#modal_trigger").leanModal({
                top: 100,
                overlay: 0.6,
                closeButton: ".modal_close"
            });
            $(function () {
                // Calling Login Form
                $("#login_form").click(function () {
                    $(".social_login").hide();
                    $(".user_login").show();
                    return false;
                });

                // Calling Register Form
                $("#register_form").click(function () {
                    $(".social_login").hide();
                    $(".user_register").show();
                    $(".header_title").text('Register');
                    return false;
                });

                // Going back to Social Forms
                $(".back_btn").click(function () {
                    $(".user_login").hide();
                    $(".user_register").hide();
                    $(".social_login").show();
                    $(".header_title").text('Login');
                    return false;
                });
            });
            /*--------------------------------*/
        </script>
    </div>

//插件选项和我们的代码
$(“模态触发器”).leanmodel({
前100名,
叠加:0.6,
关闭按钮:“.modal_close”
});
$(函数(){
//呼叫登录表单
$(“#登录表单”)。单击(函数(){
$(“.social_login”).hide();
$(“.user_login”).show();
返回false;
});
//呼叫登记表
$(“#注册表格”)。单击(函数(){
$(“.social_login”).hide();
$(“.user_register”).show();
$(“.header_title”).text(“寄存器”);
返回false;
});
//回归社会形态
$(“.back_btn”)。单击(函数(){
$(“.user_login”).hide();
$(“.user_register”).hide();
$(“.social_login”).show();
$(“.header_title”).text('Login');
返回false;
});
});
/*--------------------------------*/
现在我需要的是创建一个操作方法,这样当用户单击Register或Login时,就会调用它来执行必要的操作 我该怎么做呢。我在jquery和javascript方面的知识有点有限 我将感谢任何帮助。
提前感谢您

将ID附加到您的按钮:

<div id = "login_button" class="one_half last"><a href="#" class="btn btn_red">Login</a></div>

注册按钮也是如此。

如果您试图将数据发送到服务器,您是否厌倦了ajax?好的,非常感谢您的快速响应,所以我可以使用函数调用action方法,对吗?您是对的。如果你想从这个函数调用你的服务器代码,请再次查看“谢谢”,我会查出来的
$("#login_button").click(function() {
   // Do something
});