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);
}

Answer 2

基本上，为错误输入应用一个类（尽管一些验证框架会处理这个问题，只是获取错误元素），然后使用 jQuery 来设置这些元素的样式。

    $(".myErrorInputsClass").css("box-shadow", "1px 1px 1px blue");
    //repeat for webkit, moz etc