当我收到验证错误laravel 5.3时,如何为输入字段加上红色边框 [英] How can I color input fields border red when I get validation error laravel 5.3
本文介绍了当我收到验证错误laravel 5.3时,如何为输入字段加上红色边框的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
我的验证控制器:
public function store(Request $request)
{
// dd($request->all());
/////Validations////
$this->Validate($request, [
'name' => 'required|min:3|',
'email' => 'required|unique:customers' ,
'favorite' => 'required',
'Password' => 'required|min:6',
'Confirm_Password' => 'required|same:Password',
]);
$user = new customer;
$user ->name=input::get("name");
$user ->email=input::get("email");
$user ->country=input::get("country");
$user ->gender=input::get("gender");
$user ->favorite=implode(" , " , input::get("favorite"));
if(input::hasfile("image")){
$files = Input::file('image');
$name = time()."_". $files->getClientOriginalName();
$image = $files->move(public_path().'/image' , $name);
$user->image=$name;
}
$user ->psw=input::get("psw");
$user->save();
return redirect("showall");
}
Insert.blade.php
Insert.blade.php
<form action="store" method="post" enctype="multipart/form-data">
<ul><span style="color:red;">{!! $errors->first('name') !!}</span></ul>
<label for="name">Name</label>
<input type="text" name="name" value="{{old('name')}}" id="name" autofill="off">
<input type="hidden" name="_token" value="{{csrf_token()}}">
<ul><span style="color:red;">{!! $errors->first('email') !!}</span></ul>
<label for="email">Email</label>
<input type="email" name="email" value="{{old('email')}}" id="email" autofill="off">
<br>
<br>
Country <select name="country" id="country">
<option value="USA">USA </option>
<option value="ENGLAND">ENGLAND </option>
<option value="JAPAN">JAPAN </option>
<option value="ITALY">ITALY</option>
</select>
<br>
<br>
Gender <input type="radio" name="gender" value="Male">Male
<input type="radio" name="gender" value="Female">Female
<br>
<br>
<ul><span style="color:red;">{!! $errors->first('favorite') !!}</span></ul>
<input type="checkbox" name="favorite[]" value="sout">South
<input type="checkbox" name="favorite[]" value="north">North
<input type="checkbox" name="favorite[]" value="east">East
<input type="checkbox" name="favorite[]" value="west">West
<br>
<br>
<input type="file" name="image">
<br>
<br>
<ul><span style="color:red;">{!! $errors->first('Confirm_Password') !!}</span></ul>
<label for="email">Password</label>
<input type="password" name="Password" value="" id="Password">
<ul><span style="color:red;">{!! $errors->first('Confirm_Password') !!}</span></ul>
<label for="email">Confirm Password</label>
<input type="Password" name="Confirm_Password" value="" id="cpsw">
<br>
<br>
<label for="submit"></label>
<input type="submit" name="submit" value="submit" id="submit">
</form>
我要更改字段颜色的表格:
Form where I want to change fields color:
当我收到验证错误时,我想将输入字段的边框颜色更改为红色. 我尽力了,但我不知道如何解决这个问题.
I want to change input fields border color to change red when I get a validation error. I try my best but I don't know how to rid off this problem.
推荐答案
首先添加此CSS代码:
.form-error {
border: 2px solid #e74c3c;
}
HTML代码为::
<input type="text" class="form-control{{($errors->first('name') ? " form-error" : "")}}" name="name" placeholder="Name">
如果您需要在输入字段下方输入错误消息,请:::
<input class="form-control" required="required" name="name" type="text" id="name">
{!! $errors->first('name', '<p class="help-block">:message</p>') !!}
这篇关于当我收到验证错误laravel 5.3时,如何为输入字段加上红色边框的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!
查看全文