验证扩展（jQuery）

Question

<input type="file" id="css-file" />
<input type="text" id="css-url" value="eg. http://domain.com/style.css" />

我需要两个字段只接受.css文件。我是否可以在不必为这两个字段使用验证插件的情况下进行验证？

如果检测到除.css以外的任何内容，它应该发出警报（）

谢谢！

Answer 1

您可以使用正则表达式或.slice()检查值的扩展名，如下所示：

​$("form").submit(function(e) {
    $("#css-file, #css-url").each(function() {
        if(this.value.slice(-4) != ".css") {
            e.preventDefault();
            alert(this.value + " is not a .css file");
        }
    });
});​

You can give it a try here

Answer 2

只需确保该值与/.css$/匹配。