How to add cookie to remember Jquery state after form submit?

Question

I want to add cookie to hide form for 15 minutes after submit. I tried everything and I did nothing. I have never used cookies! I am grateful to you for yours help. It works with "localStorage" but then I can't set expire time. My question is, where do I put cookie?

<script type="text/javascript">

 $(document).ready(function (){

$('form#forma1').submit(function(e) {
    e.preventDefault();// will stop the form being submited...
    $(this).hide(1000);
    $('h3').show(1000);


   $.ajax({
                type: "POST",
                url: "povezii.php",
                data: $(this).serialize(),
                success: function(data) {
                    $('#chatbox').show();
                    $("#chatbox").append(data+"<br/>");//instead this line here you can call some function to read database values and display

                },

            });
    return false;


});

 });
    </script>

Form:

<div class="container">
<form id="forma1" class="forma1">

    <div class="col-md-6"> 

    <label name="odkoga"> From who: </label>
    <input type="text" name="odkoga" class="form-control"/> 

    <label name="zakoga"> For whom </label>
    <input type="text" name="zakoga" class="form-control"/>

    <label name="pjesmica"> Music wish: </label>
    <input type="text" name="pjesmica" class="form-control"/>
    <br>
    <input type="submit" class="btn btn-success btn-block" value="Naruci"/>

    </div>

</form>
</div>

https://stackoverflow.com/questions/1458724/how-do-i-set-unset-a-cookie-with-jquery — Calvin Nunes, Mar 13 '18 at 20:47

score 0 · Accepted Answer · answered Mar 15 '18 at 18:46

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-cookie/1.4.1/jquery.cookie.js"></script>

<script type="text/javascript">

  $(document).ready(function (){

  if (!!$.cookie('foo')) {
    alert('Iducu zelju mozete naruciti za 15-ak minuta od zadnje zelje, do tada uzivajte uz talase Radio Tavije! Vas Radio Tavija team.');
    console.log("aa");
    $('#forma1').hide(500);
} else {
 // no cookie
$('form#forma1').submit(function(e) {
        e.preventDefault();// will stop the form being submited...
        $(this).hide(1000);
        $('h3').show(1000);

    $.ajax({
                    type: "POST",
                    url: "povezii.php",
                    data: $(this).serialize(),
                    success: function(data) {
                        $('#chatbox').show();
                        $("#chatbox").append(data+"<br/>");//instead this line here you can call some function to read database values and display
                        var expire = new Date();
                        //set expiry to current time plus 15 minutes in milliseconds
                        expire.setTime(expire.getTime() + (15 * 60 * 1000)); 
                        $.cookie('foo', 'test', {expires: expire});

                    },
                });
                return false;
         });
    }
 });
</script>

How to add cookie to remember Jquery state after form submit?

1 Answers1