Jquery Magento：当所需选项验证失败时，如何防止页面加载？

我的Magento商店中有可配置的产品，尺寸是必需的选项。当用户未选择尺寸并将产品添加到购物车时，页面将重新加载，并显示错误消息“请指定产品选项”

如果未选择所需选项，我想通过jQuery向用户提示“this is required field”消息，并避免整个页面重新加载

我如何实现这一点？ 谢谢

另外，我已经启用了ajax添加到购物车

希望这有帮助

我有两种方法

添加

class=“validate select”

并编辑js/prototype/validation.js以具有自定义警报（默认为“请选择一个选项”）

在configurable.phtml（template/catalog/product/view/type/options）内的选择框中添加onChange，如果该选项为null，则禁用该按钮

//如果有多个选项，则使用last，当您更改第一个选项时，必须选择第二个选项。
函数更改框（值，最后一个）{
如果（最后==“”）{
jQuery（'#buttonCart'）.attr（'disabled'，'disabled'）；
}
如果（值==“”）{
jQuery（'#buttonCart'）.attr（'disabled'，'disabled'）；
}否则{
如果（最后==“”）{
jQuery（'#buttonCart'）.attr（'disabled'，'disabled'）；
}否则{
jQuery（“#buttonCart”）.removeAttr（'disabled'）；
}
}			
}

---

您可以使用jQuery进行客户端验证。将类提供给下拉列表，然后单击按钮事件（即单击“添加到购物车”）。您可以使用该下拉列表的简单验证

你可以用这样的东西

jQuery(function($) {
    $('#addtocart').on('click',function(e) {
        if ($('.myDropdown').val() == '') {
            e.preventDefault();
            alert("Please select anyone");
        }
    });
});

此处#addtocart是您的“添加到购物车”按钮的id（可能会因您而异），myDropdown是您将为下拉列表提供的类

希望您对该做什么有所了解。这可能不是确切的代码，但这会为您提供进一步操作的概述

---

希望这会有所帮助。

这并不能解决问题中提到的问题：“重新加载页面并显示错误消息”。如果单击“添加到购物车”时未选择大小，则页面仍将重新加载。