我有一个用于在输入字段中设置cookie的cookie函数,以及一个用于保存它的按钮。当我保存并刷新页面时,输入字段再次为空。
注意:我有一个jquery对话框和一个粘性导航栏。也许它会以某种方式覆盖其他jquery代码。
我设置cookie的jquery代码:
//set cookie voor de postcode
$(function() {
$('#go').click(function(){
$.cookie('postcode', $('#postcode').val());
});
//retrieve the cookie on load if it's not undefined
if(typeof $.cookie('postcode') !== 'undefined'){
$('#postcode').val($.cookie('postcode'));
}
});
我的功能是在输入中设置cookie。
<div id="searchbox">
<div id="search">
<fieldset>
<legend><h2>Zoeken in uw regio:</h2></legend>
<form action="<?= base_url('home/zoekresultaten') ?>">
<p class="field"><label class="field" for="Naam">Geef een zoekterm op:</label><input type="search" value="" name="postocde" /></p>
<br />
<p class="field"><label class="field" for="Naam">Kies hier een categorie:</label><select>
<option value="0" disabled selected>Alle Categorieën... </option>
<option value="1">Categorie1</option>
<option value="2">Categorie2</option>
<option value="3">Categorie3</option>
</select>
</p>
//my code to set the cookie
<p class="field"><label class="field" for="Naam">Vul hier uw postcode in:</label><input type="text" id="go" value="" name="search"/></p>
// end of the ocde
<br />
<p class="field"><label class="field" for="naam">Kies een afstand:</label><select>
<option value="0" disabled selected>Afstand...</option>
<option value="1">5km</option>
<option value="2">10km</option>
<option value="3">15km</option>
<option value="4">20km</option>
<option value="5">25km</option>
</select>
</p>
<br />
<input type="submit" id="go" class="searchbutton" value="Zoek" />
</form>
</fieldset>
</div>
我不知道为什么它不起作用。 用于隐藏对话框的cookie工作正常,因此cookie.js文件加载良好。
感谢。
答案 0 :(得分:0)
重要的是要注意,在设置cookie之后,您必须重新加载用于处理cookie的页面。在设置和销毁cookie后至少重新加载一次页面后,设置Cookie和销毁cookie只能起作用。
答案 1 :(得分:0)
它没有填充的原因是因为没有将id定义为邮政编码
将id="postcode"
添加到邮政编码输入中,或使用
$(function() {
$('#go').click(function(){
$.cookie('postcode', $('input[name=postcode]').val());
});
//retrieve the cookie on load if it's not undefined
if(typeof $.cookie('postcode') !== 'undefined'){
$('input[name=postcode]').val($.cookie('postcode'));
}
});
答案 2 :(得分:0)
将autocomplete =&#34; off&#34;设置为非常简单进入输入领域。
[\\\:\*\?\"\<\>\|\/]|(?!.*(\.{2,}))