Client-Side Validation
Validate form fields before submission using jQuery to check for empty values, patterns, and lengths.
jQuery
Intermediate
4 min read
Basic Client-Side Validation
Example
$("#loginForm").on("submit", function(e) {
e.preventDefault();
const email = $("#email").val().trim();
const pass = $("#password").val();
let valid = true;
if (!email || !email.includes("@")) {
$("#email").addClass("is-invalid");
valid = false;
}
if (pass.length < 8) {
$("#password").addClass("is-invalid");
valid = false;
}
if (valid) $(this)[0].submit();
}); Pro Tip
Always perform server-side validation too — client-side can be bypassed.