我想在提交后添加cookie以隐藏表单15分钟。我尝试了一切,但什么也没做。我从来没用过饼干!我很感谢你的帮助。它适用于“localStorage”但我无法设置过期时间。我的问题是,我在哪里放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>
形式:
<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>
答案 0 :(得分:0)
<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>