[JavaScript][HTML] Wartość jednego pola zależna od tego co w innym polu. Opcje

[politowski]

Witam zrobiłem sobie taki formularz do wprowadzania informacji o profilach społecznościowych na stronie i potrzebuje pomocy bo utknąłem.
https://jsfiddle.net/xvyu34u0/5/
Chodzi o to żeby dodać do tego formularza opcję weryfikacji adresów url.

Jak fragment tekstu wpisanego w formularz będzie zawierał 'twitter.com' to chciałbym aby w polu 'Short Title' pojawiło się 'Twitter' ikonka globusa zmieniła się na fa-twitter, jak 'instagram.com' to pole 'Short Title' dostanie wartość 'Instagram' ikonka zmieni się na fa-instagram itd.

Mógłbym to pewnie w JS zrobić jakimiś ifem ale tych reguł będzie więcej więc było by masę ifów, jak to ogarnąć prościej?
Na razie wymyśliłem sobie że zrobię taką tablicę:

Kod

var socialServices = {
    'facebook.com' : {
        'title' : 'Facebook',
        'icon' : 'fa-facebook'
    },
    'twitter.com' : {
        'title' : 'Twitter',
        'icon' : 'fa-twitter'
    },
    'instagram.com' : {
        'title' : 'Instagram',
        'icon' : 'fa-instagram'
    },
};

tylko nie wiem jak ogarnąć chodzenie po tablicy i sprawdzanie jak formularz zawiera facebook.com to podstaw wartość klucza title dla facebook.com w inpucie www_label[] i wartość icon zamiast 'fa-globe'

[politowski]

Dzięki, dodałem jeszcze klucz 'regexp' dla każdego serwisu, sprawdzam poprzez match i działa prawie idealnie, jak wpiszę prawidłowy adres url twittera, facebooka, instagrama, to zmienia opisy idealnie, jest tylko jeden mały problem, chciałbym aby jeśli w wyniku edycji nadpiszę adres który jest w tablicy takim którego nie ma w tablicy, ewentualnie wyczyszczę pole adresu całkiem, czyściło też pole 'short title', i jest jeszcze kwestia tego że działa tylko na jednym polu, jak sklonuje pola przez "+" po prawo, to wszystko pada nic nie działa, nigdzie nie waliduje danych.
https://jsfiddle.net/xvyu34u0/24/

A tak dodatkowo: jak ograniczyć dodawanie pól przez "+" do max 10 zestawów?