JavaScript Validation Example

Developer
Kanha Sahu
Size
2,561 Kb
Views
34,408
  1. JavaScript Validation Example Previews
  2. JavaScript Validation Example HTML Codes
  3. JavaScript Validation Example CSS Codes
  4. JavaScript Validation Example JS Codes

How do I make an javascript validation example?

What is a javascript validation example? How do you make a javascript validation example? This script and codes were developed by Kanha Sahu on 27 August 2022, Saturday.

JavaScript Validation Example Previews
IQ Test

JavaScript Validation Example - Script Codes HTML Codes

<!DOCTYPE html>
<html >
<head> <meta charset="UTF-8"> <title>JavaScript Validation Example</title> <link rel="stylesheet" href="css/style.css">
</head>
<body> <html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Java-Script Example</title>
</head>
<body>	<form action="#" name="chform" id="chform">	<table cellpadding="5px" cellspacing="0" border="0" class="formwer"> <tr> <!------------ Column 1------------->	<td>	Employee ID* </td> <!------------ Column 2------------->	<td>	<input type="text" name="empid" id="" /> </td> <!------------ Column 3------------->	<td>	<span class="errorcls" id="emp_error"> This is required field. </span> </td> <!------------ Column End-----------> </tr> <!------------ Next Row ------------> <tr> <!------------ Column 1------------->	<td>	Faculty Name* </td> <!------------ Column 2------------->	<td>	<input type="text" name="empname" id="" /> </td> <!------------ Column 3------------->	<td>	<span class="errorcls" id="empname_error"> This is required field. </span> </td> <!------------ Column End-----------> </tr> <!------------ Next Row ------------> <tr> <!------------ Column 1------------->	<td>	Gender* </td> <!------------ Column 2------------->	<td>	<input type="radio" name="gender" id="" value="Male" /> Male	<input type="radio" name="gender" id="" value="Femate" /> Female </td> <!------------ Column 3------------->	<td>	<span class="errorcls" id="gender_error"> This is required field. </span> </td> <!------------ Column End-----------> </tr> <!------------ Next Row ------------> <tr> <!------------ Column 1------------->	<td>	Nationalality </td> <!------------ Column 2------------->	<td>	<input type="text" name="" id="" /> </td> <!------------ Column 3------------->	<td>	<span class="errorcls"> This is required field. </span> </td> <!------------ Column End-----------> </tr> <!------------ Next Row ------------> <tr> <!------------ Column 1------------->	<td>	Position * </td> <!------------ Column 2------------->	<td>	<select name="position" style="width:160px">	<option value="def"> </option>	<option value="a"> A </option>	<option value="b"> B </option>	<option value="c"> C </option> </select> </td> <!------------ Column 3------------->	<td>	<span class="errorcls" id="position_error"> This is required field. </span> </td> <!------------ Column End-----------> </tr> <!------------ Next Row ------------> <tr> <!------------ Column 1------------->	<td> </td> <!------------ Column 2------------->	<td>	<input type="submit" name="submit" value="Submit" onclick="return checkform();" /> </td> <!------------ Column 3------------->	<td> </td> <!------------ Column End-----------> </tr> <!------------ Next Row ------------> <!------------ <tr>	<td> </td>	<td> </td>	<td> </td> </tr> ------------ Next Row ------------> </table> </form>
</body>
</html> <script src="js/index.js"></script>
</body>
</html>

JavaScript Validation Example - Script Codes CSS Codes

body{	background:#e5e7e7;	}	.formwer{	margin:0 auto;	background:#FAFAFA;	border:1px solid #e5e7e7;	padding:1% 2%;}	.errorcls{	color:#F33;	font-size:12px;	visibility:hidden;}

JavaScript Validation Example - Script Codes JS Codes

function checkform()	{	var error_flag = 0;	var emp_error = document.getElementById("emp_error");	var id = document.chform.empid;	if(id.value === "")	{	/*emp_error.setAttribute("style", "visibility:visible");*/	emp_error.style.visibility = "visible";	/*id.style.backgroundColor = "#ffd4d4";	id.style.borderColor = "#ffd4d4";*/	error_flag = 1;	}	else	{	emp_error.style.visibility = "hidden";	}	var empname_error = document.getElementById("empname_error");	var empname = document.chform.empname;	if(empname.value === "")	{	empname_error.style.visibility = "visible";	error_flag = 1;	}	else	{	empname_error.style.visibility = "hidden";	}	var flag = 1;	var gender_error = document.getElementById("gender_error");	var gender = document.chform.gender;	for (var i in gender)	{	if( gender[i].checked )	{	flag = 0;	}	}	if(flag == 1)	{	gender_error.style.visibility = "visible";	error_flag = 1;	}	else	{	gender_error.style.visibility = "hidden";	}	var position = document.chform.position.value;	var position_error = document.getElementById("position_error");	if(position == "def")	{	position_error.style.visibility = "visible";	error_flag = 1;	}	else	{	position_error.style.visibility = "hidden";	}	if( error_flag == 0)	{	return true;	}	else	{	return false;	}	}
JavaScript Validation Example - Script Codes
JavaScript Validation Example - Script Codes
Home Page Home
Developer Kanha Sahu
Username kaslab
Uploaded August 27, 2022
Rating 3
Size 2,561 Kb
Views 34,408
Do you need developer help for JavaScript Validation Example?

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!

Kanha Sahu (kaslab) Script Codes
Name
Material design tab style
Stylish Login Panel using SCSS
Jquery Models for login, signin, forgot password
Bootstrap Glyphicon Inside Input Box
Sticky div
Accordion Menu With Icon
Dynamic HTML control add and remove
Awesome responsive navigation menu bar
Bootstrap Tree Menu Example
Responsive Jquery Navigation
Create amazing SEO content with AI!

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!