提交时隐藏输入空输入

Hide input empty input upon Submit

本文关键字：输入 隐藏 提交      更新时间：2023-09-26

我试图在提交$_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">

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

你需要找到<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');
});

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

input.style.display = "none";
相关文章：