[JS]フォームのエラー箇所をアニメーションでブルッとさせるスクリプト

フォームのエラー箇所にブルッとしたアニメーションのエフェクトを加えるスクリプトをJanko At Warp Speedから紹介します。

デモのキャプチャ

Animate validation feedback using jQuery
demo

デモではフィールドが空の場合にエラーとして、ブルッとしたアニメーションのエフェクトを加えます。

スクリプトのベースにはjQueryが使用されており、下記のスクリプトを記述します。

移動の量やタイミングの調整は数値を変更します。

注意
アニメーションだけでエラーを明示するものではなく、あくまでも補助的にユーザーの注意をひきつけるために使用します。

sponsors

top of page

©2018 coliss