{{ $errors->has ('name') ? ' has-error' : '' }}这个表单样式是不是有问题?

 <div class="form-group {{ $errors->has('name') ? ' has-error' : '' }}">

这个表单的样式是什么作用? has-error 是什么意思? 操作的验证码边上的错误提示样式跟文章的不一样,好像没有应用到样式

《L05 电商实战》
从零开发一个电商项目,功能包括电商后台、商品 & SKU 管理、购物车、订单管理、支付宝支付、微信支付、订单退款流程、优惠券等
《G01 Go 实战入门》
从零开始带你一步步开发一个 Go 博客项目,让你在最短的时间内学会使用 Go 进行编码。项目结构很大程度上参考了 Laravel。
讨论数量: 2

这个表达式的作用就是在表单合法性验证不通过时增加 has-error 的样式,具体的可以到前端,打开开发者调试工具进行查看;故意不通过合法性验证,样式就渲染成了 <div class="form-group has-error">

5年前 评论

has-error 样式的来源是 Bootstrap,在 Laravel 的项目则是定义在 public/css/app.css 中:

.has-error .help-block,
.has-error .control-label,
.has-error .radio,
.has-error .checkbox,
.has-error .radio-inline,
.has-error .checkbox-inline,
.has-error.radio label,
.has-error.checkbox label,
.has-error.radio-inline label,
.has-error.checkbox-inline label {
  color: #a94442;
}

.has-error .form-control {
  border-color: #a94442;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}

看一看是不是这方面的原因。

5年前 评论

讨论应以学习和精进为目的。请勿发布不友善或者负能量的内容,与人为善,比聪明更重要!