ログイン画面をスキップしてクッキーが存在するかどうかに基づいてクッキーを設定する方法は？

Question

最初に訪問したときにあなたの名前を入力するように尋ねるWebページを作成する必要があります。その後、jQueryがそのパネルをスライドさせてウェブサイトの主要部分に表示されます。次回にウェブページにアクセスすると、再度名前を聞くのではなく、「主要部分」にまっすぐに行きます。

どうすればいいですか？

また、ログインフォームを作成しましたが、送信ボタンをクリックするとページが更新されます。送信ボタンをjQueryを起動するものにします。

<div class="login-page"> 
    <div class="form"> 
    <form class="login-form" method="POST" action=""> 

    <!-- user inputs --> 
    <p class="name">Name:</p><input type="text" name="username" placeholder="Enter Your name Here" /> 

    <!-- your submit button --> 
    <input class="login" type="submit" name="submit" value="login"> 

</div> 

</div> 

このデータは他の人がデータベースに保存するため、入力フォームにする必要があります。

Answer 1

JSでは、クッキーの作成は簡単ですdocument.cookie = "username=John Doe"; そして、クッキーを読むことは、セミコロンで区切られたクッキーの文字列を与えるvar cookies = document.cookie;です。

第2の問題点は、HTMLフォームを送信するHTML送信ボタンを使用していることです。代わりに、クリックイベントをキャプチャして、デフォルトのアクションを防止する必要があります。このようなもの：

$('.login').click(function(event){ 
    event.preventDefault(); 
    //Do more stuff 
})