Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Aria attributes added to registration and contact us forms #611

Merged
merged 1 commit into from
Jul 24, 2023
Merged
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
18 changes: 9 additions & 9 deletions index.html
Original file line number Diff line number Diff line change
Expand Up @@ -424,20 +424,20 @@ <h2>Contact Us</h2>
</div>
<div class="row contact-info">
<div class="enquiry">
<form class="enquiry-form" id="enquiry-form">
<form class="enquiry-form" id="enquiry-form" aria-label="Contact us form">
<div class="title">GET IN TOUCH</div>
<input type="text" id="name" placeholder="Your Name" class="" pattern='[a-zA-Z]+' required />
<div class="spandiv"><small class="small" id="nameerr"></small></div>
<input type="text" id="name" placeholder="Your Name" class="" pattern='[a-zA-Z]+' required aria-required="true" aria-label="Enter you name" aria-describedby="nameerr"/>
<div class="spandiv"><small class="small" id="nameerr" role="alert"></small></div>

<input type="email" id="email" class="" placeholder="Email id"
pattern='[a-z0-9._%+-]+@[a-z0-9.-]+\.[a-z]{2,}$' required />
<div class="spandiv"><small class="small" id="mailerr"></small></div>
pattern='[a-z0-9._%+-]+@[a-z0-9.-]+\.[a-z]{2,}$' required aria-required="true" aria-label="Enter you email" aria-describedby="mailerr"/>
<div class="spandiv"><small class="small" id="mailerr" role="alert"></small></div>

<input type="tel" id="phone" class="" placeholder="Phone no." pattern="[0-9]{10}$" required />
<div class="spandiv"><small class="small" id="phoneerr"></small></div>
<input type="tel" id="phone" class="" placeholder="Phone no." pattern="[0-9]{10}$" required aria-required="true" aria-label="Enter you phone number" aria-describedby="phoneerr"/>
<div class="spandiv"><small class="small" id="phoneerr" role="alert"></small></div>

<textarea id="message" row="5" class="" placeholder="How can we help you?" required></textarea>
<div class="spandiv"><small class="small" id="msgerr"></small></div>
<textarea id="message" row="5" class="" placeholder="How can we help you?" required aria-required="true" aria-label="Enter you message" aria-describedby="msgerr"></textarea>
<div class="spandiv"><small class="small" id="msgerr" role="alert"></small></div>

<button type="submit" onclick="sendMail()" class="hoverchanger">
Send
Expand Down
32 changes: 16 additions & 16 deletions join-us-form.html
Original file line number Diff line number Diff line change
Expand Up @@ -102,50 +102,50 @@ <h1 class="h-title">Registrations for <span>CodeSetGo</span> Captain Program</h1

</div>
<div class="contactform">
<form class="form-1" id="form-1" onclick="return validateJoinUs()" action="https://formsubmit.co/9e960606c0805e44e7aec5a93537b0cf" method="POST">
<form class="form-1" id="form-1" onclick="return validateJoinUs()" action="https://formsubmit.co/9e960606c0805e44e7aec5a93537b0cf" method="POST" aria-label="Registration form">
<div>

<input type="text" id="name" name="Name" placeholder="Name" />
<div class="spandiv"><small class="small" id="nameerr"></small></div>
<input type="text" id="name" name="Name" placeholder="Name" required aria-required="true" aria-label="Enter you name" aria-describedby="nameerr"/>
<div class="spandiv"><small class="small" id="nameerr" role="alert"></small></div>
</div>
<div>

<input type="email" id="email" placeholder="[email protected]" name="Email" required />
<div class="spandiv"><small class="small" id="mailerr"></small></div>
<input type="email" id="email" placeholder="[email protected]" name="Email" required aria-required="true" aria-label="Enter you email" aria-describedby="mailerr"/>
<div class="spandiv"><small class="small" id="mailerr" role="alert"></small></div>
</div>
<div>

<input type="text" id="college" placeholder="College (With City)" name="College" />
<div class="spandiv"><small class="small" id="collegeerr"></small></div>
<input type="text" id="college" placeholder="College (With City)" name="College" required aria-required="true" aria-label="Enter you college" aria-describedby="collegeerr"/>
<div class="spandiv"><small class="small" id="collegeerr" role="alert"></small></div>
</div>
<div>

<input type="year" id="year" placeholder="Expected Graduation Year" name="Graduation Year" />
<div class="spandiv"><small class="small" id="yearerr"></small></div>
<input type="year" id="year" placeholder="Expected Graduation Year" name="Graduation Year" required aria-required="true" aria-label="Enter you Graduation Year" aria-describedby="yearerr"/>
<div class="spandiv"><small class="small" id="yearerr" role="alert"></small></div>
</div>
<div>

<input type="number" id="phone" placeholder="+91777xxxxxxx(WhatsApp)" name="Phone Number (WhatsApp)" />
<div class="spandiv"><small class="small" id="phoneerr"></small></div>
<input type="number" id="phone" placeholder="+91777xxxxxxx(WhatsApp)" name="Phone Number (WhatsApp)" required aria-required="true" aria-label="Enter you Phone Number" aria-describedby="phoneerr"/>
<div class="spandiv"><small class="small" id="phoneerr" role="alert"></small></div>

</div>
<div>

<input type="text" id="country" placeholder="Country" name="Country" />
<div class="spandiv"><small class="small" id="countryerr"></small></div>
<input type="text" id="country" placeholder="Country" required aria-required="true" aria-label="Enter you country" aria-describedby="countryerr"/>
<div class="spandiv"><small class="small" id="countryerr" role="alert"></small></div>
</div>

<button type="submit" class="Subtn">SUBMIT FORM</button>
</form>
<form class="form-2" required>
<div>
<textarea required id="whycaptain" rows="4" placeholder=" * Why do you want to become CodeSetGo Captain?"
name="Why do you want to become CodeSetGo Captain?" required></textarea>
<div class="spandiv"><small class="small" id="whycaptainerr"></small></div>
name="Why do you want to become CodeSetGo Captain?" aria-required="true" aria-label="Enter you email" aria-describedby="mailerr"></textarea>
<div class="spandiv"><small class="small" id="whycaptainerr" role="alert"></small></div>
</div>
<div>
<textarea id="comment" rows="8" placeholder=" * Any Comments or Questions? (Not Mandatory)"
name="Any Comments or Questions? " required></textarea>
name="Any Comments or Questions? " required aria-required="true" aria-label="Enter you email" aria-describedby="mailerr"></textarea>
</div>
</form>
</div>
Expand Down