勉強したことのメモ

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

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

   2024/01/15  JavaScript

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

 

ソース

Plain text
Copy to clipboard
Open code in new window
EnlighterJS 3 Syntax Highlighter
function check_word( check_data ){
var ng = ['あああああ', 'hogehoge'];
for( key in ng ){
if( check_data.indexOf(ng[key]) != -1 ){
return false; //禁止ワードが含まれている場合
}
}
return true;
}
function check_word( check_data ){ var ng = ['あああああ', 'hogehoge']; for( key in ng ){ if( check_data.indexOf(ng[key]) != -1 ){ return false; //禁止ワードが含まれている場合 } } return true; }
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

  関連記事

JavaScriptにて電子書籍や漫画ビューア用のライブラリ「ToraViewer」の利用方法

電子書籍や漫画ビューア用を設置したい。条件としてはレスポンシブ対応していること。 ...

フォームの入力内容をjQueryで取得し、本文として設定した上でメーラーを起動させる方法

formで何らかを入力してもらいボタンをクリックするとメーラーが開き、先ほど入力 ...

指定した要素に注釈を設定できる「Chardin.js」プラグインの利用方法

指定した要素に注釈を入れることができるjQueryプラグイン「Chardin.j ...

Lightboxで画像拡大時にダウンロードリンクを設置する方法

Lightboxで画像拡大時にダウンロードリンクを設置したいと要望を受けた。もち ...

バニラJavaScriptでTOPへ戻る機能(ボタン)の作成方法

ページ内をある程度スクロールするとTOPへ戻るリンクを表示させたかった。ただ、複 ...

S