javascript - 如果输入字段为空，则设置特定值

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没有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。

这应该允许您设置默认值。