Form Validation
freeCodeCamp โฉ Learn JavaScript Form Validation
GitHub โฉ Project images
๐พ replit
Live Demo
Code
<div class="container">
<form id="form">
<div class="title">Get Started</div>
<!-- โญ๏ธ User Name -->
<div>
<label for="username">User Name</label>
<i class="fas fa-user"></i>
<input type="text" name="username" id="username" placeholder="Joy Shaheb" />
<i class="fas fa-exclamation-circle failure-icon"></i>
<i class="far fa-check-circle success-icon"></i>
<div class="error"></div>
</div>
<!-- โญ๏ธ Email -->
<div>
<label for="email">Email</label>
<i class="far fa-envelope"></i>
<input type="email" name="email" id="email" placeholder="abc@gmail.com" />
<i class="fas fa-exclamation-circle failure-icon"></i>
<i class="far fa-check-circle success-icon"></i>
<div class="error"></div>
</div>
<!-- โญ๏ธ Password -->
<div>
<label for="password">Password</label>
<i class="fas fa-lock"></i>
<input type="password" name="password" id="password" placeholder="Password here" />
<i class="fas fa-exclamation-circle failure-icon"></i>
<i class="far fa-check-circle success-icon"></i>
<div class="error"></div>
</div>
<button id="btn" type="submit">Submit</button>
</form>
</div>
Last updated
Was this helpful?