javascript - 使用 jQuery 填充空输入

我正在使用 PHP+MySQL。在一页中我有一个带有 aprox 的表格。 30 个输入。

显示表单后，最后我执行一些对表单进行样式设计的 jQuery 语句。

嗯，我的 SQL 中的某些行的数据输入为空，因此我显示空输入。我想用“------”填写表格，而不将斜线写入数据库，因为会使 SQL 变得更大。

我正在尝试“replaceWith”，但我不知道这个“empty”的实现是否正确。即使没有 .is(:empty)，这也不起作用

<script>
    $('#form').find('input[type=text]').is(':empty').replaceWith(function()
       {
        return this.val('------');
       });
</script>

最佳答案

jQuery 的 :empty 查找没有子元素的元素，而不是没有值的元素，并且作为输入不能有子元素，它什么也找不到。

jQuery 的 is() 返回一个 bool 值，而不是一个集合。

jQuery 的 replaceWith 替换整个元素，而不仅仅是值。

改为检查该值。

$('#form input[type=text]').val(function(_, val) {
    return val.length === 0 ? '------' : val;
});

或

$('#form input[type=text]').filter(function() {
    return this.value.length === 0;
}).val('------');

如果需要的话，加入一个$.trim来 trim 空白

关于javascript - 使用 jQuery 填充空输入，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/25529832/