除非达到最低总额,否则请勿提交电子邮件表格

时间:2014-05-28 18:12:12

标签: javascript forms

我提前为我的无知道歉...我们有一个订单表格,我们希望用户订购至少6件物品(不是每件物品,但是物品的总和/组合等于6或更多)。我总计了数量,但没有工作onclick / onsubmit功能,可以提醒您在提交表单之前达到最小订单数量。有任何想法吗?提前致谢。代替发布所有实际代码,我希望这是足够的信息继续下去。如果没有,我可以创建一些虚拟文本,以便在必要时应用。

1 个答案:

答案 0 :(得分:0)

将类添加到您想要计算的输入中:

<input name="LEDname" type="text" id="v8" class="tallyable" />

然后在keyup上清理并计算它们,然后启用或禁用提交,如果值为&gt; = 6:

$('.tallyable').on('keyup', function () {
    var total = getTotal();
    $('#orderCount').html(total);
    enableOrDisableSubmit(total);
});

function getTotal(){
    var total = 0;
    $('.tallyable').each(function(){
        if ($(this).val().trim().length > 0) {
            var currentVal = isNaN(parseInt($(this).val())) ? 0 : parseInt($(this).val());
            total += currentVal;
            $(this).val(currentVal);
        }
    });
    return total;
}

function enableOrDisableSubmit(val) {
    if (val >= 6) {
        $('#submit').removeAttr('disabled');
    } else {
       $('#submit').attr('disabled', 'disabled');
    }
}

Here is a fiddle