2012-07-11 25 views
0

使用:導軌和jQueryjQuery的,文本匹配默認選擇

我有一個地址文本框輸入的形式,其中用戶可以把一個URL,例如:

http://www.webshop.com/article/123

URL是@product的屬性。

在同樣的形式,我也有一個下拉填充存儲(Store.all)。該商店有一個屬性store.short_url,可能是「www.webshop.com」。

我想使用jQuery這樣當http://www.webshop.com/article/123用戶鍵入的URL的文本框我想比較,與庫對象,看看那家商店是在SHORT_URL相匹配的域名,如果是這樣的數據庫,默認存儲在下拉列表中。

字符串匹配不應該是一個問題,但我該如何在jQuery中處理?

  1. 填寫URL字段
  2. 當文本字段是失焦的事:
  3. 查找商店相匹配的URL,它保存爲默認

任何幫助將是非常不勝感激!

回答

1

基本要點是:

$(document).ready(function(){ 
    $('#url_input').change(function(){ 
    var urlPattern = /(http|ftp|https):\/\/([\w-]+(\.[\w-]+)+)([\w.,@?^=%&:\/~+#-]*[\[email protected]?^=%&\/~+#-])?/ 
     if(urlPattern.test($(this).val())){ 
      alert('hurray'); 
      url = ($(this).val().match(urlPattern))[2].toLowerCase(); 
      $('option[value="'+url+'"]','#available_types').each(function(){$(this).attr('selected',true)}); 
     } 
    }); 
    }); 
    ​ 

http://jsfiddle.net/sScma/2/

+0

謝謝!我沒有完全按照你的說法使用它(而是在Rails中處理urlPattern),但它讓我到了我需要的地方。 – Christoffer 2012-07-12 08:45:09