Javascript simpleCart(js)和#x27;在添加之前';用于多个项目的事件

Javascript simpleCart(js)和#x27;在添加之前';用于多个项目的事件,javascript,html,simplecart,Javascript,Html,Simplecart,我正在努力使simpleCart(js)“beforeAdd”事件适用于多个选项。 我有3个下拉菜单,如果不是所有选项都满足nul之外的某些值,我需要阻止添加任何项目(到购物车中)。 一个可以,但多个如何?单个选项: <script> simpleCart.bind( 'beforeAdd' , function( item ){ if( item.get( 'size') === 'nul'){ return false; } }); </script> simp

我正在努力使simpleCart(js)“beforeAdd”事件适用于多个选项。
我有3个下拉菜单,如果不是所有选项都满足nul之外的某些值,我需要阻止添加任何项目(到购物车中)。
一个可以,但多个如何?

单个选项:

<script>
simpleCart.bind( 'beforeAdd' , function( item ){
if( item.get( 'size') === 'nul'){
return false; 
}
});
</script>

simpleCart.bind('beforeAdd',函数(项){
if(item.get('size')='nul'){
返回false;
}
});

下拉列表:

    <div class="simpleCart_shelfItem">
    <p>
    <h2 class="item_name" style="display:none">TEST</h2>
    <select id="sizeSelect" class="item_size">
    <option value="nul">Please choose size</option>
    <option value="Small">Small</option>
    <option value="Medium">Medium</option>
    <option value="Large">Large</option>
    <option value="Super Brain">Super brain</option>
    </select>
    <select id="shippingSelect">
    <option value="nul">Please choose shipping</option>
    <option value="ups">UPS Standard 25€</option>
    <option value="mail">Standard Mail 10€</option>
    </select>
    <select id="destinationSelect" class="item_price">
    <option value="nul">Please choose destination</option>
    <option value="290.00">EU</option>
    <option value="220.00">World</option>
    </select>
    </p>

    <p><button class="item_add">Add to Cart</button></p>


试验
请选择尺码
小的
中等
大的
超级大脑
请选择配送
UPS标准25欧元
标准邮件10欧元
请选择目的地
欧盟
世界

添加到购物车

更新 我还使用John Rummel提供的以下警报脚本do me

<script type="text/javascript">
 $('.item_add').click(function () {
 if($('#sizeSelect').val().match(/nul/)) return alert("Please choose a size");
 if($('#shippingSelect').val().match(/nul/)) return alert("Please choose shipping type");
 if($('#destinationSelect').val().match(/nul/)) return alert("Please enter a destination");
 });
 </script>

$('.item_add')。单击(函数(){
if($('#sizeSelect').val().match(/nul/)返回警报(“请选择大小”);
如果($('#shippingSelect').val().match(/nul/)返回警报(“请选择装运类型”);
if($('#destinationSelect').val().match(/nul/)返回警报(“请输入目的地”);
});
也许可以加上点什么

    $(".item_add").on("click", function(e) {
      if(e.target.attr("value") == 'nul') return false;
    });

试试这个。捕捉事件,如果您的表情不真实,请停止冒泡

谢谢您,但不要工作。我将类“item_shipping”添加到“shippingSelect”中,并使其与“if(item.get('shipping')==”等一起工作,但在添加price时,所有这些都再次阻塞。。