Question

我正在为我的网站设计购物车系统。我有一个输入来输入每个项目的数量，值1自动输入。问题是，如果有人点击输入并删除1，将该字段留空，则该项目不会添加到购物车。

如果输入字段为空，使用js或jquery，如何在输入字段中设置1？或者如果该字段为空，则表单会自动提交1？

Answer 1

这样的事情应该有效：

$("#input_ID").blur(function() {
    if($.trim($(this).val()) === "") {
        $(this).val("1");
    }
});

如果它需要是一组输入，只需给它们一个共同的类并改变：

$("#input_ID").blur( . . .

。。。到：

$(".class_name").blur( . . .

Answer 2

var value = $(your_input).val();
if ( value == '' ) value = 1

Answer 3

以下解决方案只是js no jquery。

在您的内部功能中，无论您在哪里保存输入。例如：

let itemQuantity = document.getElementById("item_quantity");

//you can also add account for space or other non numeric values (consider looking into regex)

if (itemQuantity === ""){ 
itemQuantity = 1    
// or "1" depending on how you need to pass the values
return taskPriority;
}

替代：

if (itemQuantity.value === ""){ 
itemQuantity = 1    
// or "1" depending on how you need to pass the values
}

第一个将强制用户将默认值重置为1，然后再次添加到购物车。如果输入空白值，则默认将其设置为1。

应允许您设置默认值。

如果输入字段为空，请设置特定值

3 个答案: