0

使用：RailsとjQuery

ユーザーが次のようなURLを入力できるURLテキストボックス入力を含むフォームがあります。

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

urlは@productの属性です。

同じ形式で、ストア（Store.all）が表示されたドロップダウンもあります。ストアには、「www.webshop.com」の属性store.short_urlがあります。

ユーザーがurl-textboxにhttp://www.webshop.com/article/123と入力したときに、それをStoreオブジェクトと比較して、そのストアがデータベースにあるかどうかを確認するために、jQueryを使用したいと思います。ドメイン名と一致し、一致する場合は、デフォルトでドロップダウンに保存します。

文字列の一致は問題にはならないはずですが、jQueryでこれをどのように処理しますか？

  1. URLフィールドに入力します
  2. テキストフィールドの焦点が合っていない場合は、次のようにします。
  3. URLが一致するストアを検索する
  4. そのストアをデフォルトとして設定します

どんな助けでも大歓迎です！

4

1 に答える 1

1

基本的な要点：

$(document).ready(function(){
    $('#url_input').change(function(){
    var urlPattern = /(http|ftp|https):\/\/([\w-]+(\.[\w-]+)+)([\w.,@?^=%&:\/~+#-]*[\w@?^=%&\/~+#-])?/
        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/

于 2012-07-11T11:19:12.873 に答える