如果多个文件字段为空,则 JQuery 禁用按钮

逮捕黑龙

我有三个文件字段,我想禁用我的提交按钮,除非其中三个不是像这张图片那样为空

在此处输入图片说明

我设法禁用了该按钮,但是当我仅选择一个文件时该按钮变为启用状态,我希望在选择 3 个文件之前禁用该按钮。

这是我的表单代码:

<form>
    <label for="spd">Lampiran SPD</label>
      <input type="file" name="spd" id="spd" />
      <label for="smj">Lampiran SMJ</label>
      <input type="file" name="smj" id="smj" />
      <label for="tiket">Lampiran Tiket</label>
      <input type="file" name="tiket" id="tiket" />
  <input name="status" type="hidden" id="status" value="Pending" /><br />
  <input type="submit" name="button" id="button" disabled />
</form>

这是我使用的脚本的代码:

<script>
$(document).ready(
    function(){
        $('input:file').change(
            function(){
                if ($(this).val()) {
                    $('input:submit').attr('disabled',false); 
                } 
            }
            );
    });
</script>
马扬克·潘德兹

试试这个:

$(document).ready(function(){
  $('input[type="file"]').change(function(){
    if( $('#spd').val() != '' && $('#smj').val() != '' && $('#tiket').val() != '' )
    {
      $('#button').attr('disabled', false);
    }
  });
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<form>
    <label for="spd">Lampiran SPD</label>
      <input type="file" name="spd" id="spd" /><br>
      <label for="smj">Lampiran SMJ</label>
      <input type="file" name="smj" id="smj" /><br>
      <label for="tiket">Lampiran Tiket</label>
      <input type="file" name="tiket" id="tiket" /><br>
  <input name="status" type="hidden" id="status" value="Pending" /><br />
  <input type="submit" name="button" id="button" disabled />
</form>

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章