feat: Add required fields to forms for improved validation in contact and cost calculator pages

This commit is contained in:
2025-08-21 11:57:20 +05:45
parent 4848ef5b41
commit 7d80e01711
3 changed files with 22 additions and 21 deletions

View File

@@ -54,14 +54,15 @@
@csrf
<div class="flex gap-10">
<input class="w-full mb-30 rounded-6 py-15 text-14 px-10" type="text" name="name"
id="name" placeholder=" Name">
id="name" placeholder=" Name" required>
<input class="w-full mb-30 rounded-6 py-15 text-14 px-10" type="email" name="email"
id="email" placeholder="Email">
id="email" placeholder="Email" required>
</div>
<input class="w-full mb-30 rounded-6 py-15 text-14 px-10" type="text" name="subject"
id="subject" placeholder="Subject">
<textarea class="w-full mb-20 rounded-6 py-15 text-14 px-10" name="message" id="message" placeholder="Message"></textarea>
id="subject" placeholder="Subject" required>
<textarea class="w-full mb-20 rounded-6 py-15 text-14 px-10" name="message" id="message" placeholder="Message"
required></textarea>
<button type="submit" id="submit-btn"
class="button-hover px-20 py-10 bg-sec text-white text-16 border-0">Send
Message</button>

View File

@@ -135,7 +135,7 @@
<div class="row" id="interactiveSection">
<div class="col col-lg-7">
<div class="col col-lg-12">
<form id="cost-calculator" method="GET" action="{{ route('cost.getCost') }}">
<div class="cost-choosing">
@@ -148,7 +148,7 @@
<div class="col col-sm-4">
<div class="flex items-center gap-10 px-10 py-12 bg-white rounded-30 tabs">
<input type="radio" name="country_id" value="{{ $country->id }}"
id="{{ $country->id }}">
id="{{ $country->id }}" required>
<label class="text-20 text-ter p-0 m-0"
for="{{ $country->id }}">{{ $country->title }}</label>
@@ -167,7 +167,7 @@
<div class="col col-sm-6">
<div class="flex items-center gap-10 px-10 py-12 bg-white rounded-30 tabs">
<input type="radio" name="status_type_id" value="{{ $key }}"
id="{{ $status }}">
id="{{ $status }}" required>
<label class="text-20 text-ter p-0 m-0"
for="{{ $status }}">{{ $status }}</label>
</div>
@@ -183,7 +183,7 @@
<div class="row flex flex-wrap py-20">
<div class="col col-sm-4">
<div class="flex items-center gap-10 px-10 py-12 bg-white rounded-30 tabs">
<input name="services" type="radio" id="serviceYes">
<input name="services" type="radio" id="serviceYes" required>
<label class="text-20 text-ter p-0 m-0" for="serviceYes">Yes</label>
@@ -192,7 +192,7 @@
</div>
<div class="col col-sm-4">
<div class="flex items-center gap-10 px-10 py-12 bg-white rounded-30 tabs">
<input name="services" type="radio" id="serviceNo">
<input name="services" type="radio" id="serviceNo" required>
<label class="text-20 text-ter p-0 m-0" for="serviceNo">No</label>
@@ -211,7 +211,7 @@
<div class="col col-sm-4">
<div class="flex items-center gap-10 px-10 py-12 bg-white rounded-30 tabs">
<input type="radio" name="" id="{{ $level }}"
value="">
value="" required>
<label for="{{ $level }}">
<label class="text-20 text-ter p-0 m-0"
for="{{ $level }}">{{ $level }}</label>
@@ -228,7 +228,7 @@
<div class="col col-sm-12">
<div class="flex items-center gap-10 px-10 py-12 bg-white rounded-30 tabs">
@foreach ($programss as $key => $program)
<select name="program_id" id="">
<select name="program_id" id="" required>
<option value="">Select Program</option>
<option value="{{ $key }}">{{ $program }}</option>
</select>
@@ -291,7 +291,7 @@
</div>
<div class="col col-lg-1"></div>
{{-- <div class="col col-lg-1"></div>
<div class="col col-lg-4">
<div class="total-cost">
@@ -309,7 +309,7 @@
</tbody>
</table>
</div>
</div>
</div> --}}
</div>

View File

@@ -34,26 +34,26 @@
<form action="{{ route('counselor.store') }}" method="POST" id="counselor-form">
@csrf
<input class="w-full mb-10 rounded-6 py-15 text-14 px-10 border-bottom" type="text"
name="name" id="name" placeholder=" Name">
name="name" id="name" placeholder=" Name" required>
<input class="w-full mb-10 rounded-6 py-15 text-14 px-10 border-bottom" type="text"
name="address" id="address" placeholder=" Address">
name="address" id="address" placeholder=" Address" required>
<div class="flex justify-between items-center ">
<input class="w-60percent mb-10 rounded-6 py-15 text-14 px-10" type="email"
name="email" id="email" placeholder="Your Email">
name="email" id="email" placeholder="Your Email" required>
<input class="w-30percent mb-10 rounded-6 py-15 text-14 px-10" type="number"
inputmode="numeric" name="contact" id="contact" placeholder="Contact">
</div>
<input class="w-full mb-10 rounded-6 py-15 text-14 px-10" type="text"
name="test_score" id="test_score"
placeholder="Language Test Score (ilets overall: 7.0 )">
placeholder="Language Test Score (ilets overall: 7.0 )" required>
<input class="w-full mb-20 rounded-6 py-15 text-14 px-10" type="text"
name="qualification" id="qualification"
placeholder="Recent Education Qualification">
<input class="mb-20" type="checkbox">
<label class="text-14 mb-20" for="">I accept the terms & conditions</label>
name="qualification" id="qualification" placeholder="Recent Education Qualification"
required>
<input class="mb-20" type="checkbox" id="terms">
<label class="text-14 mb-20" for="terms">I accept the terms & conditions</label>
<button type="submit" id="counselor-submit-btn"
class=" w-full py-10 bg-sec text-white rounded-10 text-16 border-0 button-hover">
<i class="fa-solid fa-paper-plane text-white text-16 pr-5"></i>