Question

我有Shopify编码的问题。我正在使用Shopify ajax，我不明白为什么输入接受负数作为输入。

这里有gif行动。

现在我已经设置条件重新加载页面，如果数量小于1，工作正常，但我想在1处停止输入。

我工作的页面是：sunfieldmusic.com/cart

尝试向购物车添加任何内容并尝试将数量减少到小于1.（它应该刷新页面，因为它是当前的行为。

我的编码如下

HTML

      <button type="button"  class="update minusbt" data-id="{{ line_item.variant.id }}"> - </button>

      <input class=" cartquat quatinp" pattern="[0-9]*" min="1" name="updates[]" data-id="{{ line_item.variant.id }}" id="input_{{ line_item.variant.id }}" value="{{ line_item.quantity }}" type="text">

      <button type="button"  class="update plusbt" data-id="{{ line_item.variant.id }}"> + </button>

Jquery的

$('body').on('click', '.plusbt', function () {


    var data_id = $(this).attr('data-id');
    var qty = $("#input_" + data_id).val();
    var qty = parseInt(qty) + parseInt(1);
    var variant_id = data_id;
    $("#input_" + data_id).val(qty);
    $.ajax({
        type: 'POST',
        url: '/cart/change.js',
        dataType: 'json',
        data: {
            quantity: qty,
            id: variant_id
        },
        success: function (cart) {
            $.each(cart.items, function (index, row) {
                if (variant_id == row.variant_id) $("#cartprice_" + variant_id).html('$' + parseFloat(row.line_price / 100).toFixed(2));
            });
            $("#cart_total").html('$' + parseFloat(cart.total_price / 100).toFixed(2));

        },
        error: function (response) {
            alert("error");
        }
    });
});

$('body').on('click', '.minusbt', function (e) {
    var data_id = $(this).attr('data-id');
    var qty = $("#input_" + data_id).val();
    var qty = parseInt(qty) - parseInt(1);
    var variant_id = data_id;
    $("#input_" + data_id).val(qty);

    $.ajax({
        type: 'POST',
        url: '/cart/change.js',
        dataType: 'json',
        data: {
            quantity: qty,
            id: variant_id,

        },

        success: function (cart) {

            if (qty < 1) {
                location.reload(); //Reload page as I don't know how to stop this from accepting negative numbers

            }

            $.each(cart.items, function (index, row) {
                if (variant_id == row.variant_id) $("#cartprice_" + variant_id).html('$' + parseFloat(row.line_price / 100).toFixed(2));
            });
            $("#cart_total").html('$' + parseFloat(cart.total_price / 100).toFixed(2));


        },
        error: function (response) {
            //alert(response);
        }
    });
});

提前谢谢你。我在发布之前尝试过搜索，但我找不到任何解决方案。

Answer 1

如果数量小于零则返回

$('body').on('click', '.minusbt', function (e) {
        ...
        var qty = parseInt(qty) - parseInt(1);

        if (qty < 0) { return;}
        ....

Shopify防止数量输入有负数

1 个答案: