代码之家 › 专栏 › 技术社区 › Bob Tway

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

jquery-validate jquery javascript

Bob Tway · 技术社区 · 6 年前

我们正在使用jQuery validate将文件上载时的文件扩展名列入白名单:

$("#new-job-form").validate({
    focusCleanup: true,
    focusInvalid: false,
    ignore: [],
    rules: {
        jobServices: "required",
        file: {
            required: true,
            filesize: maxFileSize,
            extension: '.tsv|.txt|.csv|.psv|.xls|.xlsx|.zip|.7z|.rar'
        }
    }
});

这很好用。然而,一个新的要求出现了,即接受dob根本没有扩展名的文件,我不知道如何通过JQuery验证来做到这一点。我尝试添加空分区:

extension: '.txt|.csv|.xls|.xlsx|.zip|.7z|.rar||'

但这仍然拒绝没有扩展名的文件。

是否有方法将模块配置为接受没有扩展名的文件?

1 回复 | 直到 6 年前

Bourbia Brahim 6 年前

我建议你创建自己的规则;与扩展名相同的规则,但如果文件名不包含点,则添加检查,

value.indexOf('.') == -1;

请参见以下代码段:

//adding extensionempty rule 
$.validator.addMethod("extensionempty", function(value, element, param) {

  param = typeof param === "string" ? param.replace(/,/g, "|") : "png|jpe?g|gif";
  console.log(value, param);
  return this.optional(element) || value.match(new RegExp("\\.(" + param + ")$", "i")) || value.indexOf('.') == -1;
}, $.validator.format("Please enter a value with a valid extension."));





$("#new-job-form").validate({
  focusCleanup: true,
  focusInvalid: false,
  ignore: [],
  rules: {
    file: {
      required: true,
      extensionempty: 'tsv|txt|csv|psv|xls|xlsx|zip|7z|rar'
    }
  }
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-validate/1.17.0/jquery.validate.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-validate/1.17.0/additional-methods.js"></script>

<form id="new-job-form">
  <label for="file">.tsv|.txt|.csv|.psv|.xls|.xlsx|.zip|.7z|.rar  files allowed: </label>
  <input type="file" id="file" name="file">
  <br/>
  <input type="submit" value="Validate!">
</form>

推荐文章

Bits Please · 条件验证-Jquery

6 年前

KimboSlice · asp中带点的Jquery验证字段

6 年前

StackOverthrow · 当用户删除原始字段值时,如何触发验证?

6 年前

Stfvns · 如何使用jquery验证检查空数据表

6 年前

ZCT · jquery验证器无法验证语义ui下拉列表

6 年前

Ricardo Peres · jQuery中的自定义验证无字段名的非干扰性验证

6 年前

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

6 年前

Glyn · jQuery验证需要来自\u组的\u不工作

7 年前

paultechguy · 使用jQuery验证重新启用表单选择验证后启用它

7 年前

Sai Avinash · 如何在jQuery自定义验证器方法中格式化消息

7 年前