javascript - 提交时隐藏输入空输入

Question

我试图在提交 $_GET 时隐藏空字段。

我的代码看起来像这样，但它不起作用。对此逻辑的任何帮助都会很棒。

<script>
$(submit).click(function(){
if(input.value.length == 0)
    input.style.visibility = "hidden";
    });
</script>

编辑：这是我提交表单的按钮 -

<input name="SaveBtn" type="submit" id="SaveBtn" 
formaction="update1Profile.php?id="<?php echo htmlentities($_SERVER["PHP_SELF"]) ?>
<?php echo $_GET['source_ID'] ?>" formmethod="GET" value="Save">

Answer 1

好吧，该代码可能会在浏览器控制台中给您带来错误；首先检查那里总是一个好主意。

你需要找到元素，仅仅提到“输入”这个词是<input>不会做到的。无论是什么，您的“提交”元素也是如此。这可能看起来像：

$('form').submit(function() {
  $(this).find('input').filter(function() { return this.value == ''; }).css('visibility', 'hidden');
});

编辑——在下面的评论中，OP 现在提到他希望避免提交空输入。如果是这样的话，那么让它们隐形绝对不会那样做。相反（或另外），有必要将字段标记为“禁用”：

$('form').submit(function() {
  $(this).find('input')
    .filter(function() { return this.value == ''; })
    .prop('disabled', true)
    .css('visibility', 'hidden');
});

Answer 2

使用display而不是visibility，假设您input在该代码中的某处定义

input.style.display = "none";