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

添加文本框阴影而不聚焦

2 个答案: