从jQuery中的嵌套函数中调用函数

时间:2012-01-31 16:25:51

标签: javascript jquery scope each

我猜这是一个范围问题,但我无法解决它!我有一个函数,在发送之前验证表单。在提交时,它遍历每个字段并检查详细信息。然后它应该为每个值设置一个cookie,因为表单临时将用户从站点发送出去,并且在返回时我需要这些数据。

我有一个设置好的cookie功能,但是从两个嵌套函数中调用这个函数什么都不做。

$(document).ready(function() {
    $("form#mainRequestBrochure").submit(function(event) {
        event.preventDefault();     //prevent form.submit()
        var missingData = 0;        // missing required fields counter
        $("form#contactForm input").each(function(index) {
            var ok = 0;
            var v = $(this).val();
            var n = $(this).attr('name');   
            if(isBlank(v)===true) {         // if empty
                $(this).addClass("error");  // add error class
                missingData++;              // add one to  counter
            } else if(($(this).attr('type')==="email")&&(!isValidEmailAddress(v))) {
                $(this).addClass("error");  
                missingData++;
            } else if ($(this).hasClass("error")) {     // not empty but has had error class applied
                $(this).removeClass("error");           // clear error class
                ok = 1;
            } else {
                ok = 1; 
            }
            if(ok===1) createCookie(n,v,7);
        });
        createCookie('Testing2','test',7);
        // if no errors recorded, submit the form
        if(missingData === 0 ) $("form#mainRequestBrochure").submit();
    }); 

});

function createCookie(name,value,days) {
    if (days) {
        var date = new Date();
        date.setTime(date.getTime()+(days*24*60*60*1000));
        var expires = "; expires="+date.toGMTString();
    }
    else var expires = "";
    document.cookie = name+"="+value+expires+"; path=/";
    alert('cookie ' + name + ' set.');
}

直接在$("form#mainRequestBrochure").submit(function(event)内部的代码工作正常,使用createCookie('Testing2','test',7)创建名为Testing2的cookie,但是当我在.each()循环中放置相同的代码行时,它什么都不做。

就像我说的那样,我猜这是一个范围的事情,但它正在把我推向墙上......

1 个答案:

答案 0 :(得分:0)

将createCookie函数移出提交函数之外。