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
});