勉強したことのメモ

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

  関連記事

Leafletで表示したマップにジェスチャーハンドリングを追加する方法(Leaflet.GestureHandling)
Leafletで表示したマップにジェスチャーハンドリングを追加する方法(Leaflet.GestureHandling)

GoogleMapをズームする際にPCだと「Ctrl+スクロール」、スマホだと「 ...

JavaScriptで配列やオブジェクトの中身をブラウザに表示する方法
JavaScriptで配列やオブジェクトの中身をブラウザに表示する方法

JavaScriptで配列やオブジェクトの中身を確認したい場合、console. ...

ラジオボタンのカスタムデータ属性を取得し、特定の値の場合はチェックさせない方法
ラジオボタンのカスタムデータ属性を取得し、特定の値の場合はチェックさせない方法

ASPを使用したサイトで特定のradioボタンは選択不可にしたいというケースがあ ...

tableのtd内にあるcheckboxのクリック範囲を拡大させ、チェック時に親要素であるtdにCSSを割り当てる方法
tableのtd内にあるcheckboxのクリック範囲を拡大させ、チェック時に親要素であるtdにCSSを割り当てる方法

tableのtd内にcheckboxを設置し、td部分をクリックすることでche ...

JavaScriptで数値のカンマ区切り化とカンマ区切りの解除
JavaScriptで数値のカンマ区切り化とカンマ区切りの解除

JavaScriptで数値を3桁ごとにカンマ区切り化したい。また、それとは逆にカ ...