Hi manjula,
//save this as index1.html inside your root folder
<html>
<body>
<head>
<script language="javascript" type="text/javascript">
function trim(stringToTrim){
return stringToTrim.replace(/^\s+|\s+$/g,'');
}
function validateForm(){
var Vname = document.myform.fname.value;
var Vage = document.myform.age.value;
if(trim(Vname)==''){
alert("Please enter your first name");
document.myform.fname.value='';
document.myform.fname.focus();
return false;
}
if(trim(Vage)==''){
alert("Please enter your age");
document.myform.age.value='';
document.myform.age.focus();
return false;
}
if(!isNaN(Vage)==false){
alert("Please enter only numbers");
document.myform.age.value='';
document.myform.age.focus();
return false;
}
}
</script>
</head>
<form action="welcome1.php" method="POST" name="myform" onsubmit="return validateForm();">
Name: <input type="text" name="fname" />
Age: <input type="text" name="age" />
<input type="submit" />
</form>
</body>
</html>
//Save as welcome1.php inside your root folder
<?php
if(isset($_POST["fname"]) && !empty($_POST["fname"])){
$first_name = $_POST["fname"];
echo "Welcome <font color=red><b>".$first_name."</b></font>!<br>";
}else{
echo "Name field can not be left blank";
}
if(isset($_POST["age"]) && !empty($_POST["age"])){
$age = $_POST["age"];
echo "You are <font color=red><b>".$age."</b></font> years old";
}else{
echo "<br>Age field can not be left blank";
}
?>
Try to run this code.
Thanks
Jul 21, 2010