在提交时隐藏输入空输入

时间:2013-10-07 17:16:11

标签: javascript

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

2 个答案:

答案 0 :(得分: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');
});

答案 1 :(得分:0)

使用display代替visibility,假设您在该代码中的某处定义了input

input.style.display = "none";