In this post I am going to share awesome Modern age fancy login form design with javascript validation The author has utilised modern age web components and unpretentious animation impacts to make the form effectively fit for a wide range of websites. The background animation is the awesome in this design. You can use this JS Form validation example for your Registration models. Talking about form validation using JavaScript, here you get 2 fields for Email and Password. You need to add the correct format before proceeding in. For the password section, you can toggle the visibility as well. If you are not yet a member, you can sign up by clicking the choice at the base. Everything works perfectly from the front end part. You simply need to take care of the back end part.
HTML
<body id="particles-js"></body>
<div class="animated bounceInDown">
<div class="container">
<form name="form1" class="box" onsubmit="return checkStuff()">
<h4>Admin<span>Dashboard</span></h4>
<h5>Sign in to your account.</h5>
<input type="text" name="email" placeholder="Email" autocomplete="off">
<i class="typcn typcn-eye" id="eye"></i>
<input type="password" name="password" placeholder="Passsword" id="pwd" autocomplete="off">
<label>
<input type="checkbox">
<span></span>
<small class="rmb">Remember me</small>
</label>
<a href="#" class="forgetpass">Forget Password?</a>
<input type="submit" value="Sign in" class="btn1">
</form>
<a href="#" class="dnthave">Don’t have an account? Sign up</a>
</div>
<div class="footer">
<span>Made with <i class="fa fa-heart pulse"></i> <a href="https://www.google.de/maps/place/Augsburger+Puppenkiste/@48.360357,10.903245,17z/data=!3m1!4b1!4m2!3m1!1s0x479e98006610a511:0x73ac6b9f80c4048f"><a href="https://codepen.io/lordgamer2354">By Anees Khan</a></span>
</div>
</div>
#css & css3 #jquery & javascript #javascript
