将cookie设置为表单条目的值

Set cookie to have a value of form entry

本文关键字:表单 cookie 设置      更新时间:2023-09-26

之前问了一个相关的问题,但看起来缺乏上下文,所以无法解决。尝试在点击时设置表单条目的cookie值(使用carhartl jquery插件)。却一无所获。甚至没有错误。cookie插件包含在页面的头部部分。

它的html

    <input type="text" class="signfield emfield" />
    <input type="text" class="signfield nam1field" />
    <input type="text" class="signfield nam2field" />
    <div class="submt sbmtfrm" style="cursor:pointer;">Step 2</div>
jquery

$(document).ready(function(window, $){
    var emailvar;
    var name1var;
    var name2var;
    $(".sbmtfrm").click(function(){
        emailvar = $(".emfield").val();
        name1var = $(".nam1field").val();
        name2var = $(".nam2field").val();
        alert(emailvar);
        $.cookie("sec8email", emailvar);
        $.cookie("sec8name1", name1var);
        $.cookie("sec8name2", name2var);
    });
    var emvar = $.cookie("sec8email");
    var name1 = $.cookie("sec8name1");
    var name2 = $.cookie("sec8name2");
}(window, jQuery));

传递给ready的函数实际上是在DOM准备好之前执行的,因为您调用了它。这应该在DOM准备好时调用它,并且仍然保持您想要做的事情。

(function(window, $){
    $(document).ready(function(){
        var emailvar;
        var name1var;
        var name2var;
        $(".sbmtfrm").click(function(){
            emailvar = $(".emfield").val();
            name1var = $(".nam1field").val();
            name2var = $(".nam2field").val();
            alert(emailvar);
            $.cookie("sec8email", emailvar);
            $.cookie("sec8name1", name1var);
            $.cookie("sec8name2", name2var);
        });
        var emvar = $.cookie("sec8email");
        var name1 = $.cookie("sec8name1");
        var name2 = $.cookie("sec8name2");
    });
}(window, jQuery));

function(window,jQuery){...}(window,jQuery)将执行函数并返回undefined,因此您将执行$document.ready(undefined)