2

我有一个用户正在输入帐号的表单，我需要在单击保存按钮时检查输入的帐号是否唯一，但在提交表单之前。这是在 magento 后端，ajax 调用指向acctnumAction()indexController 中的函数。

帐号的数量是动态的，最多可以有 5 个，但少至 1 个，所以我需要对项目进行每个循环。我给了帐号字段他们自己的类并循环了它。

这就是我所拥有的。

    function acctCheck(){
        jQ.each(jQ(".acctnum"), function(x, y){
            var acct = jQ(this).val();
            var field = this;
            jQ.get("'.Mage::helper('core/url')->getHomeUrl().'dealerlocator/index/acctnum", {acctnum: acct}, function(data){
                var items = JSON.parse(data);
                if(items != ""){
                    $(field).addClass("validation-failed");
                    return false;
                }
            });
        });
    }
    function saveAndContinueEdit(){
        if(acctCheck() !== false){ editForm.submit(); }
    }

点击保存按钮点击saveAndContinueEdit()并运行检查帐号的功能。

我知道这行不通，ajax 将异步运行并且在返回 false 之前什么也不返回，只要它不是 false，它就会提交。但是我尝试将 ajax 调用包装在 $.when 中无济于事，我将 if 包装在saveAndContinueEdit()$.when 中，就像这样

    function saveAndContinueEdit(){
        jQ("#continueEdit").val("1");
        jQ.when(acctCheck()).done(function(valid){
            if(valid !== false){
                editForm.submit();
            }
        });
    }

但这也没有成功，甚至可能不是它应该如何工作，我只是在尝试我能想到的任何东西。

将它放在 each 中的目的是，如果帐号无效，我可以将变量设置为 false，但仍会遍历其余部分，以便在无效时仍将类添加到字段中，因此用户会知道，而不是修复一个然后另一个弹出为无效，即使我的示例不是这样编码的。我知道 get 返回的数据是有效的，它只是不会同步运行。

有人有想法么？

4

1 回答 1

0

我使用延迟让它工作。

    function eachAcctChk(elem){
        return jQ.get("'.Mage::helper('core/url')->getHomeUrl().'dealerlocator/index/acctnum", {account: jQ(elem).val(), dealer: '.$data["id"].'}, function(data){
            if(data != "none"){
                jQ(elem).addClass("validation-failed");
                valid = false;
            }
        });
    }
    function saveAndChk(){
        jQ("#continueEdit").val("0");
        AcctChk();
    }
    function saveAndContinueChk(){
        jQ("#continueEdit").val("1");
        AcctChk();
    }
    function AcctChk(){
        var deferreds = [];
        jQ(".acctnum").each(function(){
            deferreds.push(eachAcctChk(this));
        });
        jQ.when.apply(null, deferreds).then(function(){
            if(valid){
                editForm.submit();
            } else {
                valid = true;
                alert("The highlighted dealer account numbers are already in use by another company. Unique account numbers are required.");
            }
        });
    }

返回整个 ajax (get) 调用作为延迟调用，我将它们全部放入一个数组中并将其传递给 when()。因此，当所有 ajax 调用完成时，它会点击 then()，然后瞧。

于 2012-07-12T16:23:28.813 回答