添加文本框阴影而不聚焦

【问题标题】：Adding textbox shadow without focusing添加文本框阴影而不聚焦
【发布时间】：2013-10-29 04:06:34
【问题描述】：

如果注册表单中的任何字段未填写，则该字段应在文本周围显示红色阴影并禁用提交按钮，直到填写所有字段。

【问题讨论】：

【解决方案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);
}

【讨论】：

【解决方案2】：

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

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

【讨论】：