2010-09-18 66 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$/