feat: update register form and add validation request

This commit is contained in:
2026-08-16 08:10:23 +03:30
parent 07a096e5a7
commit b1373f10eb
2 changed files with 308 additions and 28 deletions
@@ -0,0 +1,89 @@
<?php
namespace App\Http\Requests\Auth;
use Illuminate\Contracts\Validation\ValidationRule;
use Illuminate\Foundation\Http\FormRequest;
class RegisterPostRequest extends FormRequest
{
/**
* Determine if the user is authorized to make this request.
*/
public function authorize(): bool
{
return true;
}
/**
* Get the validation rules that apply to the request.
*
* @return array<string, ValidationRule|array<mixed>|string>
*/
public function rules(): array
{
return [
'first_name' => [
'required',
'string',
'min:3',
'max:150',
'persian_alpha',
],
'last_name' => [
'required',
'string',
'min:3',
'max:150',
'persian_alpha',
],
'email' => [
'required',
'email',
'min:10',
'max:150',
'unique:users,email'
],
'password' => [
'required',
'string',
'min:8',
'alpha_num',
'confirmed:password'
],
'mobile' => [
'required',
'string',
'digits:11',
'unique:users,mobile',
'ir_mobile:zero'
],
'user_name' => [
'required' ,
'string',
'min:5',
'max:100',
'alpha_num'
],
'national_code' => [
'required',
'digits:10',
'unique:users,national_code',
'ir_national_id'
],
'spouse_name' => [
'nullable',
'string',
'min:3',
'max:100',
'persian_alpha'
],
'gender' => [
'required'
]
];
}
}
+219 -28
View File
@@ -1,67 +1,258 @@
@extends('layouts.app') @extends('layouts.app')
@section('content') @section('content')
<div class="site-breadcrumb" style="background: url(assets/img/breadcrumb/02.jpg)"> <div class="container">
<div class="container"> <h2 class="breadcrumb-title">ثبت نام</h2>
<h2 class="breadcrumb-title">ثبت نام</h2>
<ul class="breadcrumb-menu">
<li><a href="index.html">صفحه اصلی</a></li>
<li class="active">ثبت نام</li>
</ul>
</div>
</div>
<ul class="breadcrumb-menu">
<li>
<a href="{{ url('/') }}">صفحه اصلی</a>
</li>
<li class="active">ثبت نام</li>
</ul>
</div>
<div class="login-area py-120"> <div class="login-area py-120">
<div class="container"> <div class="container">
<div class="col-md-5 mx-auto"> <div class="col-md-5 mx-auto">
<div class="login-form"> <div class="login-form">
<div class="login-header"> <div class="login-header">
<img src="assets/img/logo/logo-dark.png" alt> <img src="{{ asset('assets/img/logo/logo-dark.png') }}" alt="">
<p>حساب MyTrip خود را ایجاد کنید</p> <p>حساب MyTrip خود را ایجاد کنید</p>
</div> </div>
<form action="#"> <form action="#" method="POST" enctype="multipart/form-data">
@csrf
<div class="form-group"> <div class="form-group">
<label>اسم کامل</label> <label for="first_name">نام *</label>
<div class="form-group-icon"> <div class="form-group-icon">
<input type="text" class="form-control" placeholder="اسم شما"> <input
type="text"
name="first_name"
class="form-control"
placeholder="نام"
id="first_name"
>
<i class="far fa-user"></i> <i class="far fa-user"></i>
</div> </div>
</div> </div>
<div class="form-group"> <div class="form-group">
<label>آدرس ایمیل</label> <label for="last_name"> نام خانوادگی *</label>
<div class="form-group-icon"> <div class="form-group-icon">
<input type="email" class="form-control" placeholder="ایمیل خود را وارد کنید"> <input
type="text"
name="last_name"
class="form-control"
placeholder="نام خانوادگی"
id="last_name"
>
<i class="far fa-user"></i>
</div>
</div>
<div class="form-group">
<label for="national_code">کد ملی *</label>
<div class="form-group-icon">
<input
type="text"
name="national_code"
class="form-control"
placeholder="کد ملی"
id="national_code"
>
<i class="far fa-id-card"></i>
</div>
</div>
<div class="form-group">
<label for="gender">جنسیت *</label>
<div class="form-group-icon">
<select name="gender" class="form-control" id="gender">
<option value="">انتخاب جنسیت</option>
<option value="male">مرد</option>
<option value="female">زن</option>
</select>
<i class="far fa-user"></i>
</div>
</div>
<div class="form-group">
<label for="marital_status">وضعیت تأهل *</label>
<div class="form-group-icon">
<select name="marital_status" class="form-control" id="marital_status">
<option value="">انتخاب وضعیت تأهل</option>
<option value="single">مجرد</option>
<option value="married">متأهل</option>
<option value="divorced">مطلقه</option>
<option value="widowed">بیوه</option>
</select>
<i class="far fa-heart"></i>
</div>
</div>
<div class="form-group">
<label for="spouse_name">نام و نام خانوادگی همسر</label>
<div class="form-group-icon">
<input
type="text"
name="spouse_name"
class="form-control"
placeholder="نام و نام خانوادگی همسر"
id="spouse_name"
>
<i class="far fa-user"></i>
</div>
</div>
<div class="form-group">
<label for="mobile">شماره موبایل *</label>
<div class="form-group-icon">
<input
type="text"
name="mobile"
class="form-control"
placeholder="شماره موبایل"
id="mobile"
>
<i class="far fa-phone"></i>
</div>
</div>
<div class="form-group">
<label for="email">ایمیل *</label>
<div class="form-group-icon">
<input
type="email"
name="email"
class="form-control"
placeholder="ایمیل خود را وارد کنید"
id="email"
>
<i class="far fa-envelope"></i> <i class="far fa-envelope"></i>
</div> </div>
</div> </div>
<div class="form-group"> <div class="form-group">
<label>رمز عبور</label> <label for="image">عکس</label>
<div class="form-group-icon"> <div class="form-group-icon">
<input type="password" class="form-control" placeholder="رمز عبور را وارد کنید"> <input
type="file"
name="image"
class="form-control"
accept="image/*"
id="image"
>
<i class="far fa-image"></i>
</div>
</div>
<div class="form-group">
<label for="username">نام کاربری *</label>
<div class="form-group-icon">
<input
type="text"
name="username"
class="form-control"
placeholder="نام کاربری"
id="username"
>
<i class="far fa-user"></i>
</div>
</div>
<div class="form-group">
<label for="password">رمز عبور *</label>
<div class="form-group-icon">
<input
type="password"
name="password"
class="form-control"
placeholder="رمز عبور را وارد کنید"
id="password"
>
<i class="far fa-lock"></i> <i class="far fa-lock"></i>
</div> </div>
</div> </div>
<div class="form-group">
<label for="password_confirmation"> تکرار رمز عبور *</label>
<div class="form-group-icon">
<input
type="password"
name="password_confirmation"
class="form-control"
placeholder="تکرار رمز عبور"
id="password_confirmation"
>
<i class="far fa-lock"></i>
</div>
</div>
<div class="form-group">
<label for="province">استان</label>
<div class="form-group-icon">
<select name="province" class="form-control" id="province">
<option value="">انتخاب استان</option>
<option value="mazandaran">مازندران</option>
<option value="tehran">تهران</option>
<option value="gilan">گیلان</option>
<option value="fars">فارس</option>
<option value="isfahan">اصفهان</option>
</select>
<i class="far fa-map"></i>
</div>
</div>
<div class="form-group">
<label for="city">شهرستان</label>
<div class="form-group-icon">
<select name="city" class="form-control" id="city">
<option value="">انتخاب شهرستان</option>
<option value="sari">ساری</option>
<option value="tehran">تهران</option>
<option value="rasht">رشت</option>
<option value="mashhad">مشهد</option>
<option value="isfahan">اصفهان</option>
</select>
<i class="far fa-map-marker-alt"></i>
</div>
</div>
<div class="form-check form-group"> <div class="form-check form-group">
<input class="form-check-input" type="checkbox" value id="agree"> <input
<label class="form-check-label" for="agree"> class="form-check-input"
من موافقم با <a href="#">شرایط استفاده از خدمات.</a> type="checkbox"
value="1"
name="agree"
id="agree"
>
<label
class="form-check-label"
for="agree"
>
من موافقم با
<a href="#">
شرایط استفاده از خدمات.
</a>
</label> </label>
</div> </div>
<div class="d-flex align-items-center"> <div class="d-flex align-items-center">
<button type="submit" class="theme-btn"><i class="far fa-paper-plane"></i> ثبت نام</button> <button
type="submit"
class="theme-btn"
>
<i class="far fa-paper-plane"></i>
ثبت نام
</button>
</div> </div>
</form> </form>
<div class="login-footer"> <div class="login-footer">
<div class="login-divider"><span>یا</span></div> <div class="login-divider">
<div class="social-login"> <span>یا</span>
<a href="#" class="btn-fb"><i class="fab fa-facebook"></i> ورود با فیسبوک</a> </div>
<a href="#" class="btn-gl"><i class="fab fa-google"></i> ورود با گوگل</a> <p>
از قبل حساب کاربری دارید؟
<a href="{{ route('auth.login') }}">
وارد شدن.
</a>
</p>
</div> </div>
<p>از قبل حساب کاربری دارید؟ <a href="login.html">وارد شدن.</a></p>
</div> </div>
</div> </div>
</div> </div>
</div> </div>
</div>
@endsection @endsection