上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。

Wordpressなどの検索ボックス(検索フォーム)において、半角スペースは"AND"検索ですが、全角スペースを入れるとひとつの単語とみなされて検索されることが有ります。
例えば、「javascript input 空白」なら「javascript」「input」「空白」のAND検索ですが、「javascript input 空白」だと「javascript input 空白」という文字列の検索になってしまい、入力者が意図とはことなる結果が返ってきます。

これはあまりよろしくないので、検索ボックスの全角空白を自動で半角空白に換えるJavaScriptコードを作成してみました。
自分でさくらのブログ(ピリオドの彼方に)で使う用です。
jQuryの使用が前提です。
changeのイベントハンドラを利用します。

$(document).on('change', '.search-box', function(){
$(this).val($(this).val().replace(/ /g,' ');
});


<form method="get" action="">
<input type="search" class="search-box" value="" name="s">
<input type="submit" value="検索">
</form>
Related Posts

Thoughts on スポンサーサイト検索ボックス(input)の全角スペースを半角スペースに置換する

Leave a Reply

* less than 16 characters
* less than 24 characters
* less than 16 characters
上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。