val()
MethodYou can use the val()
method to test or check if inputs are empty in jQuery.
The following example will add a red outline around the inputs if it is focused but not filled out.
<!DOCTYPE html>
<html lang="en">
<head>
<title>Check If Inputs are Empty using jQuery</title>
<style>
.error{
outline: 1px solid red;
}
</style>
<script src="https://code.jquery.com/jquery-1.12.4.min.js"></script>
<script>
$(document).ready(function(){
$('#myForm input[type="text"]').blur(function(){
if(!$(this).val()){
$(this).addClass("error");
} else{
$(this).removeClass("error");
}
});
});
</script>
</head>
<body>
<form id="myForm">
<p><label>First Name: <input type="text"></label></p>
<p><label>Last Name: <input type="text"></label></p>
<p><label>Email Address: <input type="text"></label></p>
</form>
</body>
</html>
Hi, My name is Harsukh Makwana. i have been work with many programming language like php, python, javascript, node, react, anguler, etc.. since last 5 year. if you have any issue or want me hire then contact me on [email protected]
How to Implement Datepicker in React with Example
Welcome to How to Implement and use Date...Angular 12 Bar Chart using ng2-charts Example
This tutorial will give you an example o...Laravel 8 - CRUD Operation with VueJS
Throughout this Laravel VueJs CRUD examp...How to Change the Class of an Element Using JavaScript
Use the classList Property In modern...How to Update the Node Version in Ubuntu
In this article i will share with you ho...