Validation is most important part any website while creating
a form. There are lots of methods and processes of JavaScript or jquery.
I have implemented basic validation as simple as possible which
can be used for empty fields check. You need to call just little function and
achieved validation on various HTML form tags.
Code
<html>
<head>
<title>Girfa :
Javascript Validation</title>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<script>
var
Flag = true;
function
Validate() {
Flag = true;
if
($("#txtRoll").val() == "")
AddCss("txtRoll");
if
($("#ddlClass").val() == "")
AddCss("ddlClass");
if
($("#txtMessage").val() == "")
AddCss("txtMessage");
}
function AddCss(id) {
Flag = false;
$("#"
+ id).css("border", "solid 1px red");
$('#'
+ id).animate({
'marginLeft':
"+=10px", //moves
right
}, 100);
$('#'
+ id).animate({
'marginLeft':
"+=-10px", //moves right
}, 100);
$('#'
+ id).animate({
'marginLeft':
"+=10px", //moves
right
}, 100);
$('#'
+ id).animate({
'marginLeft':
"+=-10px", //moves right
}, 100);
}
function
RemoveCss(id) {
$("#"
+ id).css("border", '');
A programmer and Founder of Girfa
IT Services, working from 2009.At Starting computer teaching was my full-time job but after 10 years of teaching I chose to programming as a full-time job and teaching become part-time. In real life, I am very lazy and I made it my coding style I always try to make a reusable component that’s my USP for programming which saves my time and extra working both.
