Question

我有一个文件输入和提交输入的应用程序。我希望在文件输入有值之前禁用提交输入。如何使用JS检查此类信息？我尝试在文件输入中添加“必需”，但它仍然不起作用......

我应该只使用PHP并检查是否$ _FILE isset（）？

Answer 1

我应该只使用PHP并检查是否$ _FILE isset（）？

确保服务器获得预期效果是一种好习惯。所以，是的，还应该在服务器上进行额外的文件检查和最终的恶作剧。

以下是客户端所需内容的示例。

HTML

<form name="fileForm" onchange="changed()">
  <input type="file" name="image">
  <input type="submit" name="submit" disabled>
</form>

的JavaScript

function changed() {
    var form = document.forms.fileForm;
    if(form.image.value.length > 0) {
        form.submit.removeAttribute("disabled");
    } else {
        form.submit.setAttribute("disabled", "");
    }
}

Answer 2

试试这个

<form name="form1">
          <input type="file" name="image" id="file_upload">
          <input type="submit" name="submit" id="btn_submit" >
        </form>

jQuery(document).ready(function()
{    
    /*To disable the button on load*/ 
    jQuery("#btn_submit").attr('disabled','disabled'); 


     jQuery("#file_upload").change(function()
    {       
       var file_value= jQuery(this).val();
      if(jQuery(this).val() === '')
      {                                          

        jQuery("#btn_submit").attr('disabled','disabled');                                         
      }
      else
      {
        jQuery("#btn_submit").removeAttr('disabled');
      }
  });
});

确定文件输入何时包含值

2 个答案: