Fjsv
How do I make an fjsv?
What is a fjsv? How do you make a fjsv? This script and codes were developed by Pablo Ai on 03 October 2022, Monday.
Fjsv - Script Codes HTML Codes
<!DOCTYPE html>
<html >
<head> <meta charset="UTF-8"> <title>fjsv</title> <link rel="stylesheet" href="css/style.css">
</head>
<body> <form onsubmit="return validate.validateForm(this);"> <legend>Register</legend> <input type="text" name="firstname" placeholder="First Name" /> <input type="text" name="lastname" placeholder="Last Name" /> <input type="email" name="email" placeholder="Email" /> <input type="password" name="password" placeholder="Password" /> <input type="password" name="repeatPassword" placeholder="Repeat Password" /> <div id="error"></div> <button value="Submit">Register</button>
</form> <script src="js/index.js"></script>
</body>
</html>
Fjsv - Script Codes CSS Codes
body { background: #eaeaea; padding-top: 20px;
}
form { background: #fff; font-family: sans-serif; margin: auto; max-width: 300px; padding: 20px 30px;
}
input { border: 1px solid #eaeaea; box-sizing: border-box; display: block; margin: 10px 0; padding: 10px; width: 100%;
}
input.has-error { border-color: salmon;
}
#error { color: salmon; font-size: 14px; margin: 10px 0;
}
button { background: dodgerblue; border: 0; border-radius: 2px; color: #fff; padding: 14px 18px; transition: all .25s;
}
button:hover { background: #006ad1; cursor: pointer;
}
Fjsv - Script Codes JS Codes
"use strict";
var validate = { validateForm: function(form) { var error = document.getElementById('error'); if (!form.firstname.value) { this.fieldRequired(form.firstname); return false; } if (!form.lastname.value) { this.fieldRequired(form.lastname); } if (!form.email.value) { this.fieldRequired(form.email); } if (!form.password.value) { this.fieldRequired(form.password); } if (!form.repeatPassword.value) { this.fieldRequired(form.repeatPassword); } }, fieldRequired: function(input) { input.className = 'has-error'; input.focus(); error.innerHTML = 'This field is required'; return false; }
}
document .getElementsByTagName('input')[0] .addEventListener('change', function() { input.className = '';
});
Developer | Pablo Ai |
Username | Pablo-Ai |
Uploaded | October 03, 2022 |
Rating | 3 |
Size | 2,645 Kb |
Views | 40,480 |
Find the perfect freelance services for your business! Fiverr's mission is to change how the world works together. Fiverr connects businesses with freelancers offering digital services in 500+ categories. Find Developer!
Name | Size |
Responsive table POC | 2,774 Kb |
Loading donut animation | 2,109 Kb |
Next2 | 4,445 Kb |
BabyStore | 3,807 Kb |
A Pen by Pablo Ai | 1,427 Kb |
Dropdown nav example | 2,483 Kb |
BabyStore v2 | 2,972 Kb |
VueJS | 1,933 Kb |
Mario Bros Mushroom Pure CSS | 2,829 Kb |
Simple custom tooltip | 2,884 Kb |
Jasper is the AI Content Generator that helps you and your team break through creative blocks to create amazing, original content 10X faster. Discover all the ways the Jasper AI Content Platform can help streamline your creative workflows. Start For Free!
Name | Username | Size |
A Pen by Alex Bergin | Abergin | 3,347 Kb |
3D Text in Sass | Bookcasey | 2,766 Kb |
03 - CSS Variables | Run-time | 2,682 Kb |
A Pen by Manoz | Manoz | 2,424 Kb |
A Pen by Alex Edwards | Exards | 8,218 Kb |
Css or Czz.. | Judag | 4,111 Kb |
Use the Twitchtv JSON API | Roksanaop | 3,561 Kb |
Angular-HAML | Cwacht | 2,022 Kb |
Multicolumns 2 | Raphaelgoetter | 1,857 Kb |
Slide In Panel | Vikvarg | 2,811 Kb |
Surf anonymously, prevent hackers from acquiring your IP address, send anonymous email, and encrypt your Internet connection. High speed, ultra secure, and easy to use. Instant setup. Hide Your IP Now!