はログインを切り替えてlaravel

でフォームを登録できません私はlaravelベースのウェブサイトを作っていますし、私は登録フォームに切り替えることにしたいが、それはworking.Hereがありません「登録」を押したときに私は、ログインフォームを持っているし、コード。 home.js：はログインを切り替えてlaravel

$('.message a').click(function(){ 
    $('form').animate({height: "toggle", opacity: "toggle"}, "slow"); 
});

<html> 
    <head> 
     <title> AgroHelp Login</title> 
     <link href="{{asset('css/home.css')}}" rel="stylesheet" /> 
     <script src="js/home.js"></script> 
    </head> 
    <body> 
    <div class="login-page"> 
        <div class="form"> 
          <form class="register-form"> 
            <input type="text" placeholder="name"/> 
            <input type="password" placeholder="password"/> 
            <input type="text" placeholder="email address"/> 
              <button>create</button> 
            <p class="message">Already registered? <a href="#">Sign In</a></p> 
          </form> 
          <form class="login-form"> 
            <input type="text" placeholder="username"/> 
            <input type="password" placeholder="password"/> 
              <button>login</button> 
            <p class="message">Not registered? <a href="#">Create an account</a></p> 
          </form> 
        </div> 
    </div> 
    </body> 





    </html>

home.jsがパブリック/ JSのであるhome.blade.php/home.js

出典

2017-09-01 Chirica Andrei

この

<html> 
    <head> 
     <title> AgroHelp Login</title> 
     <link href="{{asset('css/home.css')}}" rel="stylesheet" /> 
     <script src="https://code.jquery.com/jquery-3.2.1.min.js"></script> //** Add jQuery 
     <script src="js/home.js"></script> 
    </head> 

    <body> 
     <div class="login-page"> 
      <div class="form"> 
       <form class="register-form"> 
        <input type="text" placeholder="name" /> 
        <input type="password" placeholder="password" /> 
        <input type="text" placeholder="email address" /> 
        <button>create</button> 
        <p class="message">Already registered? <a href="#">Sign In</a> 
        </p> 
       </form> 
       <form class="login-form" id="loginID"> //******* add ID 
        <input type="text" placeholder="username" /> 
        <input type="password" placeholder="password" /> 
        <button>login</button> 
        <p class="message">Not registered? <a href="#">Create an account</a> 
        </p> 
       </form> 
      </div> 
     </div> 
    </body>  //** Missed the closing tag 
</html>

追加してみてくださいこれはあなたにhome.jsファイル

#loginID{ 
    display:none; 
}

ワーキングコードスニペットここ

$('.message a').click(function(){ 
 
    $('form').animate({height: "toggle", opacity: "toggle"}, "slow"); 
 
});

#loginID{ 
 
    display:none; 
 
}

<html> 
 
<head> 
 
    <title> AgroHelp Login</title> 
 
    <link href="{{asset('css/home.css')}}" rel="stylesheet" /> 
 
    <script src="https://code.jquery.com/jquery-3.2.1.min.js"></script> 
 
    <script src="js/home.js"></script> 
 
</head> 
 

 
<body> 
 
    <div class="login-page"> 
 
     <div class="form"> 
 
      <form class="register-form"> 
 
       <input type="text" placeholder="name" /> 
 
       <input type="password" placeholder="password" /> 
 
       <input type="text" placeholder="email address" /> 
 
       <button>create</button> 
 
       <p class="message">Already registered? <a href="#">Sign In</a> 
 
       </p> 
 
      </form> 
 
      <form class="login-form" id="loginID"> 
 
       <input type="text" placeholder="username" /> 
 
       <input type="password" placeholder="password" /> 
 
       <button>login</button> 
 
       <p class="message">Not registered? <a href="#">Create an account</a> 
 
       </p> 
 
      </form> 
 
     </div> 
 
    </div> 
 
</body> 
 
</html>

出典

2017-09-01 17:51:02

はprbolem.Butではありませんでしたmissing.thisされていますとにかくありがとう。 –

コードを更新しました。今すぐチェックしてください。 –

Not working.Theコードは私がcodepenであると思うので、ioはうまくいきます。しかし、laravel構造は私が考える問題です。 –

<div class="login-page"> 
        <div class="form"> 
         <form id="a" class="register-form"> 
            <input type="text" placeholder="name"/> 
            <input type="password" placeholder="password"/> 
            <input type="text" placeholder="email address"/> 
              <button>create</button> 
            <p class="login">Not registered? <a href="#">Create an account</a></p> 
          </form> 
         <form id="b" class="login-form"> 
            <input type="text" placeholder="username"/> 
            <input type="password" placeholder="password"/> 
              <button>login</button> 
              <p class="register">Already registered? <a href="#">Sign In</a></p> 

          </form> 
        </div> 
    </div>

それはcode.Hereにあったスクリプト

$(document).ready(function() { 

     $('.register-form').hide(); 
     $('.login-form').show(); 

     $('.register').click(function() { 
      $('.register-form').show(); 
      $('.login-form').hide(); 
     }); 
     $('.login').click(function() { 
      $('.register-form').hide(); 
      $('.login-form').show(); 
     }); 
    });

出典

2017-09-01 18:25:49 craig

はログインを切り替えてlaravel

答えて

関連する問題