我有三个文件字段,我想禁用我的提交按钮,除非其中三个不是像这张图片那样为空
我设法禁用了该按钮,但是当我仅选择一个文件时该按钮变为启用状态,我希望在选择 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] 删除。
我来说两句