小規模サイトのスパム保護

最近、スパムボットからサイトを保護することに関するいくつかの投稿が、ハーバーに登場しました。 参加して、自分で使用する方法を説明することにしました。 私はそれを長い間使用しており、多くの人に知られている可能性が高いですが、興味がある人がいると思います。



主なタスク。

すべての合格したボットがサイトのフォームを介してスパム送信しないようにしてください。 ユーザーのフォームへの入力を可能な限り簡単にします（キャプチャを削除します）。



一番下の行。

フィールドを交互に表示します。 同時に、すべての奇数の補数（1、3、5 ...）を非表示にします。 非表示フィールドがいっぱいになっている場合、送信されたデータはスパムであると考えられます。 さらに、名前、電子メールとして入力しないフィールドに名前を付けます...



実装。



< form >

< div > Name: < br >< input type ="text" name ="asdasd" ></ div >

< div > Sfdd: < br >< input type ="text" name ="name" ></ div >

< div > Email: < br >< input type ="text" name ="xcbxcb" ></ div >

< div > asfaf: < br >< input type ="text" name ="email" ></ div >

< input type ="submit" value ="Send" >

</ form >



< script >

$( 'div' ).filter( ':odd' ).hide();

</ script >



* This source code was highlighted with Source Code Highlighter .







< form >

< div > Name: < br >< input type ="text" name ="asdasd" ></ div >

< div > Sfdd: < br >< input type ="text" name ="name" ></ div >

< div > Email: < br >< input type ="text" name ="xcbxcb" ></ div >

< div > asfaf: < br >< input type ="text" name ="email" ></ div >

< input type ="submit" value ="Send" >

</ form >



< script >

$( 'div' ).filter( ':odd' ).hide();

</ script >



* This source code was highlighted with Source Code Highlighter .







< form >

< div > Name: < br >< input type ="text" name ="asdasd" ></ div >

< div > Sfdd: < br >< input type ="text" name ="name" ></ div >

< div > Email: < br >< input type ="text" name ="xcbxcb" ></ div >

< div > asfaf: < br >< input type ="text" name ="email" ></ div >

< input type ="submit" value ="Send" >

</ form >



< script >

$( 'div' ).filter( ':odd' ).hide();

</ script >



* This source code was highlighted with Source Code Highlighter .













メリット。

1.問題を解決します

2.簡単な実装



欠点。

1. CSSを無効にすると、ユーザーはフィールドに入力します

2. JSを無効にした実装では、ユーザーがフィールドに入力します