コンタクトフォームのバリデーションが効かない

Question

やりたいこと

コンタクトフォームから送られる迷惑メールをなくしたいです。

背景

こちらの記事を参考にして、自社WEBページのコンタクトフォームを作成しました。
Googleフォームを自在にカスタマイズする

が、迷惑メールが多く困っています。inputにはtextしか入力できないバリデーション、textareaにはjavascriptでURLを入力制限して対策しても突破されて送信されてしまいます。

送られてくる内容は、
名前：1234　←バリデーションが効いていない
ふりがな：5678　←バリデーションが効いていない
メールアドレス：[e-mail]（ここは例です）
内容：テキストテキストテキストテキストテキストテキスト（営業っぽい文章）
http://-----------　←入力制限が効いていない

# textareaに、URLが記載されていると思われる内容はブロックする
let words = /^(?!.*/)(?!.*.).*$/s

$('form').on('submit', function(evt) {
    if(!$('#text').val().match(words)) {
      evt.preventDefault();
      alert('その内容は送信できません。');
    }
});

WEBページをアップする前にローカルでテストした際には入力できなかったので、なんで送信できてしまうのか教えていただけると幸いです。
宜しくお願いします。

Answer 1

バリデーションはサーバー側でも設定する必要が有ります。Javascriptは切れば良いだけなので。
画像認証のreCAPTCHAなども入れるなどの対策も有ります

Comments

[shin_you]

早速のご回答ありがとうございます。
サーバーでの設定方法について調べてみます。

reCAPTCHAも検討しているのですが、formのaction先がgoogleフォームなので実装に困っていました。

[shin_you]

googleフォームのバリデーションを設定すると、クライアント側では完了ページへ遷移して正常に送れているように表示されますが、サーバーには回答が届かなくなりました。
ありがとうございました。