Sorry, I am new to this. I guess I should have posted this in the javascript or HTML forum. Anyway, I already have the script tag in the head.
PHP Code:
echo "<html>";
echo "<head>";
echo "<title>Survey Form</title>";
echo "<link link rel='stylesheet' href='examples.css' type='text/css'>";
echo "<script type='javascript' src='validation.js'></script>";
echo "</head>";
I changed the form tags to the following on somebody's suggestion
PHP Code:
echo "<form name='admin_form' method='post' onsubmit='AdminDataCheck();'>";
echo "<form name='user_form' method='post' onsubmit='Userdatacheck();'>";
Still no success. I am also using onblur in all my labels. For ex.
PHP Code:
echo "<p>Name of Officer <label style='color:red'><strong>*</strong></label><br/> </label><input type='text' name='name' value='' size='40' id='Name' onblur='checkName()'/><label id='labelName'></label></p>";
And everything was working a while ago but now its not! And all I did was clear the history in the browser and restart the server. Looks like my PHP file can't even connect to the javascript file!
Here is the javascript file.
Code:
function checkScopeofService()
{
var ScopeofService = document.getElementById('ScopeofService').value;
var element = document.getElementById('labelScopeofService');
var alphaExp = /^[A-Za-z ]+$/;
if(ScopeofService.length == 0)
{
element.innerHTML = "Please enter a Scope of Service.";
element.style.color = "red";
}
else
{
if(ScopeofService.match(alphaExp))
{
element.innerHTML = null;
}
else
{
element.innerHTML = "Please enter valid characters.";
element.style.color = "red";
}
}
}
function checkProjectNumber()
{
var ProjectNumber = document.getElementById('ProjectNumber').value;
var elementPNo = document.getElementById('labelProjectNumber');
var numericExpression = /^[0-9]+$/;
if(ProjectNumber.length == 0)
{
elementPNo.innerHTML = "Please enter a Project Number.";
elementPNo.style.color = "red";
}
else
{
if(ProjectNumber.match(numericExpression))
{
elementPNo.innerHTML = null;
}
else
{
elementPNo.innerHTML = "Please enter valid characters.";
elementPNo.style.color = "red";
}
}
}
function checkEmail()
{
var Email = document.getElementById('Email').value;
var elementEmail = document.getElementById('labelEmail');
var emailExp = /^[\w\-\.\+]+\@[a-zA-Z0-9\.\-]+\.[a-zA-z0-9]{2,4}$/;
if(Email.length == 0)
{
elementEmail.innerHTML = "Please enter an Email address.";
elementEmail.style.color = "red";
}
else
{
if(Email.match(emailExp))
{
elementEmail.innerHTML = null;
}
else
{
elementEmail.innerHTML = "Please enter a valid Email address.";
elementEmail.style.color = "red";
}
}
}
function checkName()
{
var Name = document.getElementById('Name').value;
var element = document.getElementById('labelName');
var alphaExp = /^[A-Za-z ]+$/;
if(Name.length == 0)
{
element.innerHTML = "Please enter a name.";
element.style.color = "red";
}
else if(Name.length >= 6 && Name.length <= 30)
{
if(Name.match(alphaExp))
{
element.innerHTML = null;
}
else
{
element.innerHTML = "Please enter valid characters.";
element.style.color = "red";
}
}
else if(Name.length < 6)
{
if(Name.match(alphaExp))
{
element.innerHTML = "Name too short.";
element.style.color = "red";
}
else
{
element.innerHTML = "Please enter valid characters.";
element.style.color = "red";
}
}
else if(Name.length > 30)
{
element.innerHTML = "Name too long.";
element.style.color = "red";
}
else
{
element.innerHTML = null;
}
}
function checkDesignation()
{
var Designation = document.getElementById('Designation').value;
var element = document.getElementById('labelDesignation');
var alphaExp = /^[A-Za-z ]+$/;
if(Designation.length == 0)
{
element.innerHTML = "Please enter a designation.";
element.style.color = "red";
}
else if(Designation.length >= 7 && Designation.length <= 20)
{
if(Designation.match(alphaExp))
{
element.innerHTML = null;
}
else
{
element.innerHTML = "Please enter valid characters.";
element.style.color = "red";
}
}
else if(Designation.length < 7)
{
if(Designation.match(alphaExp))
{
element.innerHTML = "Designation too short.";
element.style.color = "red";
}
else
{
element.innerHTML = "Please enter valid characters.";
element.style.color = "red";
}
}
else if(Designation.length > 20)
{
element.innerHTML = "Designation too long.";
element.style.color = "red";
}
else
{
element.innerHTML = null;
}
}
function checkPhone()
{
var Phone = document.getElementById('Phone').value;
var elementPNo = document.getElementById('labelPhoneNumber');
var numericExpression = /^[0-9]+$/;
if(Phone.length == 0)
{
elementPNo.innerHTML = "Please enter a phone number.";
elementPNo.style.color = "red";
}
else if(Phone.length < 8)
{
if(Phone.match(numericExpression))
{
elementPNo.innerHTML = "Phone Number too short.";
elementPNo.style.color = "red";
}
else
{
elementPNo.innerHTML = "Please enter valid characters.";
elementPNo.style.color = "red";
}
}
else
{
if(Phone.match(numericExpression))
{
elementPNo.innerHTML = null;
}
else
{
elementPNo.innerHTML = "Please enter valid characters.";
elementPNo.style.color = "red";
}
}
}
function addInput()
{
if(document.getElementById('AreastoImprove1').checked)
{
document.getElementById('textbelow').style.display = "none";
}
if(document.getElementById('AreastoImprove2').checked)
{
document.getElementById('textbelow').style.display = "block";
document.getElementById('textbelow').innerHTML = "";
document.getElementById('textbelow').innerHTML += "<input type='text' name='seebelow' value='' /><br />";
}
}
function AdminDataCheck()
{
var SoS = document.getElementById('ScopeofService').value;
var PNumber = document.getElementById('ProjectNumber').value;
var numericExp = /^[0-9]+$/;
var alphaExp = /^[A-Za-z ]+$/;
var Email = document.getElementById('Email').value;
var emailExp = /^[\w\-\.\+]+\@[a-zA-Z0-9\-]+\.[a-zA-z0-9]{2,4}$/;
if (!(SoS.match(alphaExp)))
{
alert("Invalid Scope");
return false;
}
else if(!(PNumber.match(numericExp)))
{
alert("Invalid Project Number.");
return false;
}
else if(!(Email.match(emailExp)))
{
alert("Invalid Email.");
return false;
}
else
{
return true;
}
}
function UserDataCheck()
{
return false;
}
}
Reply With Quote
Originally Posted by immohito
Bookmarks