So my .php file was previously a .html page, however i wanted to add a session within this file and use javascript to validate my forms. But when i add the in the tag, nothing happens. It was working fine when my file was .html... Here is my code so far:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<?php
session_start();
?>
<html>
<html>
<head>
<title>Hompage</title>
<script type="text/javascript" src="my_js.js"></script>
</head>
<body style = "margin-left:5%;">
<form method = "post" id = "Form1" action = "my_js.js">
<b>Login:</b>
<br/>
<br/>
User Name:      
<input type="text" name="uname" id ="uname"/>
<br/>
<br/>
Password:      
<input type="text" name="pwd" id ="pwd"/>
<br/>
<br/>
<input type ="button" id="Login" value ="Login" onclick = "validate();"/>
</form>
<br/><br/>
<hr/>
<br/><br/>
<form method = "post" name = "Form2" id = "Form2" action="register_add.php">
<b>Register:</b>
<br/>
<br/>
<span style = "color: red;">*</span> First Name:     
<input type="text" name="fname" id ="fname"/>
<br/>
<br/>
<span style = "color: red;">*</span> Last Name:      
<input type="text" name="lname" id ="lname"/>
<br/>
<br/>
<span style = "color: red;">*</span> Date of Birth:      
<input type = "text" name = "dob" id ="y" value = "yyyy/mm/dd">
<br/>
<br/>
<span style = "color: red;">*</span> User Name:      
<input type="text" name="uname" id ="uname"/>
<br/>
<br/>
<span style = "color: red;">*</span> Password:      
<input type="password" name="pwd" id ="pwd"/>
<br/>
<br/>
<input type ="Submit" id="Register" value ="Register"/>
</form>
</body>
</html>
And my .js file:
// Login Form Validation
function validate(){
var x=document.forms["Form1"]["uname"].value;
var y=document.forms["Form1"]["pwd"].value;
if (x==null || x=="" || uname == null){
//alert("User name must be filled out");
document.getElementById('para1').innerHTML = "User Name field must be filled out";
return false;
}
if (y==null || y=="" || pwd==null){
document.getElementById('para1').innerHTML = "Password field must be filled out";
return false;
}
else{
document.getElementById('Form1').innerHTML="User Name: " + x + "
Password: " + y;
}
// Registration Form Validation
var a=document.forms["Form2"]["fname"].value;
var b=document.forms["Form2"]["lname"].value;
var c=document.forms["Form2"]["m"].value;
var d=document.forms["Form2"]["d"].value;
var e=document.forms["Form2"]["y"].value;
var f=document.forms["Form2"]["uname"].value;
var g=document.forms["Form2"]["pwd"].value;
if (var==null || var==""){
document.getElementById('para2').innerHTML = "All field with '*' must be filled out";
return false;
}
else{
document.getElementById('Form2').innerHTML="First Name: " + a + "
Last Name: " + b +"
Date of Birth: " + m + d + y + "
Username: " + uname + "
Password: " + pwd;
}
}