Javascript jQuery隐藏切换表单字段
我有一个登录/注册切换表单。我有一个从登录到注册的按钮,反之亦然。 当它从登录切换到注册时,它也总是显示登录字段。我想在用户访问注册表时隐藏登录字段 我该怎么做 刀片Javascript jQuery隐藏切换表单字段,javascript,jquery,Javascript,Jquery,我有一个登录/注册切换表单。我有一个从登录到注册的按钮,反之亦然。 当它从登录切换到注册时,它也总是显示登录字段。我想在用户访问注册表时隐藏登录字段 我该怎么做 刀片 这就是你想做的吗?我已经交换了您的一些方法,因为它们不是来自jQuery。 UPD:刚刚看到你用缺少的正确函数更新了你的问题,但是无论如何你可以从下面的代码中得到答案 document.addEventListener(“DOMContentLoaded”,function()){ //使用文本切换功能扩展jquery $.fn
这就是你想做的吗?我已经交换了您的一些方法,因为它们不是来自jQuery。
UPD:刚刚看到你用缺少的正确函数更新了你的问题,但是无论如何你可以从下面的代码中得到答案
document.addEventListener(“DOMContentLoaded”,function()){
//使用文本切换功能扩展jquery
$.fn.extend({toggleText:function(a,b){
返回this.text(this.text()==b?a:b);
}});
//设置寄存器快捷方式
变量$su=$('.register');
$su.单击(函数(){
//使用常规jQuery切换切换整个注册表表单
$('form').toggle();
//切换开关文本
$su.toggleText('Register!','Login!');
});
});代码>
登录
登记
toggleAttr
和slideToggle
是您正在使用的库吗?@为了方便起见,我刚刚更新了我的问题。现在请检查我的脚本。好的!非常感谢你的做法。我要用你的方法来代替我的方法。最好的答案!谢谢
<form id="login_form">
<input id="email" type="email" placeholder="email address">
<input id="password" type="password" placeholder="password">
</form>
<form id="register_form">
<input disabled type="text" class="input" id="last-name" placeholder="Last Name">
<input disabled type="text" class="input" id="email1" placeholder="E-mail Address">
</form>
<a href="#" class="register">Register!</a> //.register triggers the other form
$.fn.toggleDisabled = function() {
return this.each(function() {
this.disabled = !this.disabled;
});
};
$.fn.toggleAttr = function(a, v1, v2) {
return this.each(function() {
var $t = $(this),
v = $t.attr(a) === v1 ? v2 : v1;
$t.attr(a, v)
});
};
$('.register').click(function(){
// Toggle register form and enable inputs
$('.register-form').slideToggle({
easing: 'eioe',
duration: 250
}).find('input').toggleDisabled();
var $su = $('.register');
$su.toggleAttr('href','register.htm','login.htm')
var signupLinkText = $su.text() === "Register!"
? "Login!"
: "Register!";
$su.text(signupLinkText);