java script in php

Anon

How I can use java script in php to validate the form.

mannu

ace21

Do it the same way as if you are only using html. OnClick call a validation function.

Anon

Well, Instead of using OnClick I called the function onSubmit. But it's not validating the fields. Even if I leave the fields blnk or do not secelt anything from the menu, it still go to the next page.

mannu

jymcheong

Try this

http://phpclasses.upperdesign.com/browse.html/package/1

Anon

my checklist:
is onSubmit in the form tag?
is the check algorithm correct (esp. regular expressions)?
does the check return true or false, have you set all the parms?
quotation marks?
* are the field names correct, have you forgotten any?

for concrete help you could post the code here.

matto

Anon

my codes are:

<SCRIPT LANGUAGE="JavaScript">
<!-- Begin
function checkFields(confirm_form)
{
if (confirm_form.Name.value=="")
{
alert("Please enter your name. Thank you.");
return false;
}

campuschoice = confirm_form.campus.selectedIndex

if (confirm_form.campus.options[campuschoice].value == "")
{
alert("Please select your Campus.");
return false;
}

departchoice = confirm_form.department.selectedIndex

if (confirm_form.department.options[departchoice].value == "")
{
alert("Please enter a Department name.");
return false;
}

if (confirm_form.department.value=="")
{
alert("Please enter the name of your Department. Thank you.");
return false;
}

if (confirm_form.supervisor.value=="")
{
alert("Please enter your Supervisors name. Thank you.");
return false;
}

statusOption = -1
for (i=0; i<document.confirm_form.status.length; i++)
{
if (confirm_form.Status.checked)
{
statusOption = i
}
}
if (statusOption == -1)
{
alert("Please select your employment status.");
return false;
}
return true;
}
// End -->
</script>
</head>
<body>
<form onSubmit = "return checkfields(this)"action="confirm_form.php3" method="post">
<table>
<tr><td nowrap valign=top>1. Your Name:</td>
<td nowrap valign="top"><input type=text name="Name" size="25">
<br>(enter name as you would like it to appear on the certificiate)</td></tr>

<tr><td>2. Work Phone </td><td><input type="text" name="work_phone" size="17"</td></tr>

<tr><td>3. E-Mail </td><td><input type="text" name="e-mail" size="17"</td></tr>
<p><tr>
<td align = "left">4. Campus Name</td>
<td><select name="campus">
<option value = "abc" selected>abc
<option value = "Def" >Def
<option value = "ghi" >ghi
<option value = "Law" >Law
<option value = "Rock" >Rock
<option value = "xyz" >xyz
<option value = "Other" >Other
</select></td>
</tr>
<tr><td>5. Department </td><td><input type="text" name="department" size="30"></td></tr>
<tr><td>6. Supervisor's Name </td><td><input type="text" name="supervisor" size="30"></td></tr>
</p>
<tr>
<td nowrap valign="top">6.Employee Status:</td>
<td><input type=radio name="Status" value="Faculty">Faculty    
<input type=radio name="Status" value="Staff">Staff    
<input type=radio name="Status" value="Student">Student Worker</td></tr>
</table></p>
<p>
<input type="submit" name="send" value="Submit Survey">
</form>

mrskhris

Hi, mannu,

In javascript case is important (at least in Netscape). You use "checkFields" as the name of the function in JS section, and "checkfields" in FORM tag. Correct either one of the names, and everything will be all right.

Anon

Hello mrskris,

I did change the "checkfields" to "checkFields" but it still the same thing, it does submit the form, but it dosen't prompt the user to select or to write into the fields.

Mannu

mrskhris

OK... what browser do you use? 'Cause I've copied your example and tried it in NetscapeNavigator (RedHat), and it was working just fine.

Possible reasons (some of them stupid)
1) You have javascript disabled.
2) Page is still in cache.

Anon

Sorry for being so late.
It start working fine. But after that I try to add the email validation function, and right after adding the function it just not working. And if I take the e-mail validation function out it start working again. I'm pasting the codes here please let me know what's wrong in there thank you:

function validEmail(email)
{
invalidChars = " /:,;"

if (email == "")
{
return false
)

for (i=0; i<invalidChars.length; i++)
{
badChar = invalidChars.charAt(i)
if (email.indexof(badChar,0) > -1)
{
return false
}
}

atPos = email.indexOf("@",1)
if (atPos == -1)
{
return false
}

if (email.indexOf("@", atPos + 1)
{
return false
}

periodPos = email.indexOf(".", atPos)

if (periodPos == -1)
{
return false
}

if (periodPos+3 > email.length)
{
return false
}
return true
}

And now I'm calling the e-mail validation function here:

function checkFields(confirm_form)
{
if (!validEmail(confirm_form.emailAddr.value))
{
alert(Invalid eamil address");
confirm_form.emailAddr.focus();
confirm_form.eamilAddr.select();
return false;
}
return true
}

mrskhris

if (email == "")
{
return false
)

You used ")" instead of "}". That's it.

Mannu, if you have Netscape Navigator, there is an easy way to check your javascripts.
Open the page - your html page - in NN. Now, input "javascript:" (without quotes) in Location line. You will see javascript console with errors in your javascript (if any).

Anon

Thankyou, it is working fine now, I also misstype the name of one field.
Thank you very much