勉強したことのメモ

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

  関連記事

セレクトメニュー(プルダウン)をdisplay:none;指定してもiPhoneのみ非表示にならない問題の対応方法
セレクトメニュー(プルダウン)をdisplay:none;指定してもiPhoneのみ非表示にならない問題の対応方法

セレクトメニュー(プルダウン)に対してdisplay:none;指定したりjQu ...

Leafletにタグフィルター機能を実装できる「leaflet-tag-filter-button」プラグインの利用方法
Leafletにタグフィルター機能を実装できる「leaflet-tag-filter-button」プラグインの利用方法

以前にLeafletでマーカーをグループ化し、チェックボックスの状態により表示非 ...

CodeIgniter4&Bootstrap&jQueryで簡易版お問い合わせページの作成
CodeIgniter4&Bootstrap&jQueryで簡易版お問い合わせページの作成

CodeIgniter4.4.4&Bootstrap&jQuer ...

Leafletで「leaflet.sprite」プラグインを導入してマーカーの色を変更する方法
Leafletで「leaflet.sprite」プラグインを導入してマーカーの色を変更する方法

LeafletとOpenStreetMapでマップ上にマーカーを複数設置したい。 ...

jQuery Nice Selectを特定ページのみ無効にする方法
jQuery Nice Selectを特定ページのみ無効にする方法

bootstrap系のテンプレートデザインを使用したサイトを構築中に、セレクトメ ...