jquery - フォーカスせずにテキストボックスの影を追加する

Question

登録フォームのいずれかのフィールドが入力されていない場合、そのフィールドはテキストの周りに赤い影を表示し、すべてのフィールドが入力されるまで送信ボタンを無効にする必要があります。

Answer 1

CSSでこれを試してください

.error {
  -moz-box-shadow:    1px 1px 2px 2px #F00;
  -webkit-box-shadow: 1px 1px 2px 2px #F00;
  box-shadow:         1px 1px 2px 2px #F00;
}

そして、スクリプトのように

$('input').removeClass('error');
if(validation===true)// in case of validation error
{
   $('#inputId').addClass('error');
   $('#submitId').prop('disabled',true);
}
else
{
    $('#submitId').prop('disabled',false);
}