勉強したことのメモ

Webエンジニア / プログラマが勉強したことのメモ。

JavaScriptでフォーム送信の際に禁止ワードのチェック及び制限をかける方法

   2024/01/15  JavaScript

掲示板等で本文を送信する際に予め定めていた禁止ワードが含まれていないかチェックしたかった。jQueryが使えない環境かもしれなかったのでJavaScriptのみで対応したい。以下に実装方法をメモ。

 

ソース

function check_word( check_data ){
    var ng = ['あああああ', 'hogehoge'];

    for( key in ng ){
        if( check_data.indexOf(ng[key]) != -1 ){
            return false; //禁止ワードが含まれている場合
        }
    }
    return true;
}

 

その他

送信前のバリデート時にcheck_word(ここに本文)みたいな感じで使う。きっちりやるなら、データベースに格納する前にPHP側でも同様にチェックした方が良さそう。

 

PHP版追加 2016/03/17

https://taitan916.info/blog/archives/2621

 - JavaScript

  関連記事

jQueryでユーザーが編集可能な文字列をページ上に表示する際にエスケープする方法
jQueryでユーザーが編集可能な文字列をページ上に表示する際にエスケープする方法

GETパラメータを取得し、その内容をページ上に表示したいケースがあった。また、A ...

JavaScriptで指定したURLの最終パス名(ディレクトリ)を取得する方法
JavaScriptで指定したURLの最終パス名(ディレクトリ)を取得する方法

JavaScriptで「https://taitan916.info/blog/ ...

バニラJS対応(jQuery非依存)の画像スライダー系プラグイン「Flickity」の利用方法
バニラJS対応(jQuery非依存)の画像スライダー系プラグイン「Flickity」の利用方法

画像スライダーを設置する場合「slick」プラグインを利用することが多い。ただ、 ...

バニラJavaScriptでinputタグのtypeをtext⇔passwordに変更する方法
バニラJavaScriptでinputタグのtypeをtext⇔passwordに変更する方法

チェックボックスの状態によってinputタグのtypeをtext⇔passwor ...

JavaScriptで配列の中から最大・最小値を取得する方法
JavaScriptで配列の中から最大・最小値を取得する方法

JavaScriptで配列の中から最大・最小値を取得したかった。以下に対応方法を ...