유효성 검사 실패시 Input Textarea 창 테두리 색상변경하기

 유효성 검사 실패시 Input Textarea 창 테두리 색상변경하기

# 부트스트랩 느낌의 경고창 만들기입니다.

# Laravel Custom Helper 만들기

if (!function_exists('hasError')) {

    function hasError($errName, $isMsg = false)
    {
        if ($errors = session('errors', new \Illuminate\Support\MessageBag())) {
            if ($isError = $errors->has($errName)) {
                 return $isMsg
                      ? $errors->first($errName, ':message')
                      : 'has-error';
            }
        }
    }
}

# CSS 처리

input.has-error {
    box-shadow: 0 0 5px rgba(255, 90, 90, 1);
    padding: 3px 0px 3px 3px;
    margin: 5px 1px 3px 0px;
    border: 1px solid rgba(255, 90, 90, 1);
}

# 폼 Html

<input class="{{ hasError('phone') }}" 
    type="text" 
    name="phone" 
    id="phone" value="{{ old('phone') }}">