2017-03-02 6 views
0

いくつかのリンクを生成する次のHTML/jQueryコードがあります。第二検索のリンクをjQuery関数への検証の統合

HTML

<input type="text" id="text" placeholder="Enter text" autofocus /> 
<a id="link1" class="btn btn-info" href="#" target="_blank"> Search 1 </a> 
<a id="link2" class="btn btn-info" href="#" target="_blank"> Search 2 </a> 
<a id="link3" class="btn btn-info" href="#" target="_blank"> Search 3 </a> 

jQueryの

<script> 
    window.onload = function(){ 
     var sel = document.getElementById('text'); 
     sel.onchange = function() { 
      document.getElementById("link1").href = "http://example.com/action?queryString=" + this.value; 
      document.getElementById("link2").href = "http://example.com/searchall.php?search=" + this.value; 
      document.getElementById("link3").href = "http://example.com/dashboard.aspx?term=" + this.value; 
      document.getElementById("text").focus(); 
     } 
    }; 
</script> 

、私は、入力された値は、IPアドレスである場合wherby変更を実装するために探しています、そして、 URIが変更されました。例えば

document.getElementById("link2").href = "http://example.com/ipsearch.php?ip=" + this.value; 

この変更をどこから始めるべきかを知ることはできません。

ご協力いただければ幸いです。おそらく、

答えて

1

このような何か:

sel.onchange = function() { 
    var value = this.value; 
    var isIP = /^(([1-9]?\d|1\d\d|25[0-5]|2[0-4]\d)\.){3}([1-9]?\d|1\d\d|25[‌​0-5]|2[0-4]\d)$/.test(value); 
    if (isIP) { 
    document.getElementById("link2").href = "http://example.com/ipsearch.php?ip=" + value; 
    } else { 
    document.getElementById("link2").href = "http://example.com/searchall.php?search=" + value 
    } 
}; 

これはIPが入力されたかどうかを判断するために正規表現を使用し、それは別のURLを設定した場合。

+0

ありがとうございます!それが治療になりました! – Kev

関連する問題