勉強したことのメモ

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

  関連記事

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

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

jQueryでAjax通信したデータをPHPで受け取り、zip化したファイルをダウンロードさせる方法

jQueryのAjaxで何らかのデータをPHP側に送信し、PHP側で当該データを ...

横スクロール可能な要素を視覚的に分かりやすくする「ScrollHint」ライブラリの利用方法

横長のtableを設置し、CSSのoverflowで横スクロール可能にしてもユー ...

マウスオーバーでの画像切り替えをJavaScriptで簡単に対応

マウスが要素にのった際に画像を切り替える処理を入れたかった。多分CSSの管轄なん ...

Leafletでマーカークリック時に当該マーカーをバウンド(跳ねる動作を)させる方法

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