将jQuery验证设置为检查并允许空文件扩展名

<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<script src="https://cdn.jsdelivr.net/jquery.validation/1.16.0/jquery.validate.min.js"></script>

<form id="myForm">
  <input type="file" id="fileInput" name="fileInput">
  <button type="submit">提交</button>
</form>

$(document).ready(function() {
  $('#myForm').validate({
    rules: {
      fileInput: {
        extension: "png|jpg|jpeg|gif",
        required: false
      }
    },
    messages: {
      fileInput: {
        extension: "只允许上传png、jpg、jpeg和gif格式的文件"
      }
    }
  });
});

$(document).ready(function() {
  $('#myForm').submit(function(e) {
    e.preventDefault(); // 阻止表单默认提交行为
    if ($('#myForm').valid()) {
      // 验证通过，继续处理表单提交逻辑
      // 可以使用Ajax将文件上传到服务器等操作
    }
  });
});