LoginSignup
6
5

More than 5 years have passed since last update.

フォームに入力した文字列を置換する

Last updated at Posted at 2016-07-07

想定状況

ウェブページのフォームに入力した文字列を置換したい
例えば...
- 使用不可な文字があった
- 単語のスペルを間違えた

など…

対処方法

以下の機能を使います

  • JavaScriptを使えば文字列を置換できます.
  • 代表的なウェブブラウザには表示中のページに対してJavaScriptを実行できる環境(スクラッチパッドなど)があります.

「,.」を「、。」にリプレースする例です.
スクラッチパッドで以下のコードを実行します.

replace.js
// テキストエリアの置換
textareas = document.getElementsByTagName('textarea');
for( var i = 0 ;i < textareas.length ;i ++ ){
    textareas[ i ].value = textareas[ i ].value.replace( /,/g ,'、' );
    textareas[ i ].value = textareas[ i ].value.replace( /./g ,'。' );
}

// テキストの置換
inputs = document.getElementsByTagName('input');
for( var i = 0 ;i < inputs.length ;i ++ ){
  if( inputs[ i ].type == 'text' ){
    inputs[ i ].value = inputs[ i ].value.replace( /,/g ,'、' );
    inputs[ i ].value = inputs[ i ].value.replace( /./g ,'。' );
  }
}

応用例

特定の入力フォームに対して同じ操作をしたい場合に便利です.

  • 不要なスペースやタブを取り除く.
  • 空行や改行を取り除く.
  • 全てのチェックボックスをチェックする,アンチェックする.

など...

余談

私は普段から読点としてカンマ,句点としてピリオドを使います.しかし,普通の書類では「、」と「。」を使う必要があります.そして,自己紹介や志望理由などを専用ページに入力する企業が増えています.いちいち原文をリプレースすると「,.」と「、。」が混在する危険がありますし,何より面倒くさいなぁと思っていました.それで思いついたのが,この方法です.簡単だし,結構使えます.

6
5
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
6
5