Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/89.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript jQuery隐藏切换表单字段_Javascript_Jquery - Fatal编程技术网

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