我正在尝试验证两个元素。
对于 GUI,如果其中一个为空,则在该文本框中为颜色设置动画。
问题是该函数不会等待他们两个都进行动画处理。
最好的方法是什么?
我试过了$.when
,$.promise
。似乎无法让它工作?
添加:
如果需要,我希望出现这两个动画。一旦所有或没有动画完全完成,然后运行以下命令:
if (ChargeID.val() != '' && Quantity.val() != '') {
test = true;
}
else {
alert('I think you forgot something');
test = false;
}
return test;
谢谢!
function TestValid(button) {
var ChargeID = $(button).parent().parent().find('input[type=hidden]').eq(1);
var Quantity = $(button).parent().parent().find('input[name=Quantity]').eq(0);
var test = true;
if (ChargeID.val() == '') {
ChargeID.animate({ "background-color": "#D2F0C9" }, "fast", function () { ChargeID.animate({ "background-color": "#ffffff" }, "fast") })
}
if (Quantity.val() == '') {
Quantity.animate({ "background-color": "#D2F0C9" }, "fast", function () { Quantity.animate({ "background-color": "#ffffff" }, "fast") })
}
if (ChargeID.val() != '' && Quantity.val() != '') {
test = true;
}
else {
alert('I think you forgot something');
test = false;
}
return test;
}