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 harsukh21@gmail.com
How To Create Custom Helper In Laravel 5.5
Today in this article we are share with...Create Function in Python with Example
Python Functions In this tutori...How to get the value of a textarea in jQuery
Use the jQuery val() method You can u...How to Convert a String to a Number in PHP
Use Type Casting As we know PHP does...How to get Last Record From leftJoin Table in Laravel?
get the latest record from leftJoin tabl...