2010-09-18 38 views
0
<input type="file" id="css-file" /> 
<input type="text" id="css-url" value="eg. http://domain.com/style.css" /> 

我需要这两个字段只接受.css文件。我可以验证而不必为这两个字段使用验证插件吗?Validate Extension(jQuery)

如果检测到比的.css其他任何东西,它应该给一个警告()

谢谢!

回答

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

+0

嗯...可以使用onChange代替吗? – 3zzy 2010-09-18 11:54:40

+0

@Nimbuz - 绝对如此:http://jsfiddle.net/nick_craver/RVKPg/1/ – 2010-09-18 11:58:36

+0

太棒了,但它仍然接受警报后的输入? – 3zzy 2010-09-18 12:04:22

0

只要确保该值匹配/.css$/