Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/82.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Jquery 添加文本框阴影而不聚焦_Jquery_Forms_Submit_Registration - Fatal编程技术网

Jquery 添加文本框阴影而不聚焦

Jquery 添加文本框阴影而不聚焦,jquery,forms,submit,registration,Jquery,Forms,Submit,Registration,如果注册表中的任何字段未填写,则该字段应在文本周围显示红色阴影,并禁用提交按钮,直到所有字段都已填写 在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(vali

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

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

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

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