Ad:

PHP Discussion Thread
Unsolved
Views: 2590

Dec 20th, 2008

passing variables from php/html to java scripts

Expand Post »

ok, I have a form that submits data to a database. data that is colected from things like dropdown boxes, textboxes, checkboxes etc.

I want to put some conditions that prevent the user from submitting something that is missing important data.

I found a little tutorial that dose that, but it dosen't quite work because I neet to transfer a value from a thextbox to a function and make a check that it's not empty.

here's an example of what I would like to do ( the code obviously dose not work as is):

PHP Syntax (Toggle Plain Text)
 
<HTML>
<HEAD>
<script language="JavaScript">
 
function ConfirmForm(N)
{
var cmp = N;
 
IF ( cmp != "" )
{
 return confirm("are you sure you want to submit this?");
}
ELSE 
{
 return alert("You have not fild all of the necesary fields");
}
}
 
</script>
</HEAD>
<BODY>
 
ECHO "<FORM NAME=zzz METHOD=get ACTION=something.php TARGET='lll' OnSubmit='return ConfirmForm(N);'>";
 
ECHO "Name: <INPUT TYPE='text' NAME=N ID=N/>";
 
ECHO "<INPUT TYPE = submit NAME = button_submit  VALUE = 'Submit'>";
 
</FORM>
 
</BODY>
</HTML>
<HTML>
<HEAD>
<script language="JavaScript">

function ConfirmForm(N)
{
var cmp = N;

IF ( cmp != "" )
{
 return confirm("are you sure you want to submit this?");
}
ELSE 
{
 return alert("You have not fild all of the necesary fields");
}
}

</script>
</HEAD>
<BODY>

ECHO "<FORM NAME=zzz METHOD=get ACTION=something.php TARGET='lll' OnSubmit='return ConfirmForm(N);'>";

ECHO "Name: <INPUT TYPE='text' NAME=N ID=N/>";

ECHO "<INPUT TYPE = submit NAME = button_submit  VALUE = 'Submit'>";

</FORM>

</BODY>
</HTML>

I don't know how to pass value of the text box from php to the java script.

Normally I would imagine there would need to be a $GET[N] statement. but I don't know where to post it. don't think it works inside the script itself.

Can anybody tell me how to do this?

Similar Threads

php.ini confusion in PHP

marcmm

Reputation Points: 10

Solved Threads: 0

Light Poster

Offline

42 posts
since Oct 2008

Permalink

Dec 20th, 2008

Re: passing variables from php/html to java scripts

it much easier just to use php

PHP Syntax (Toggle Plain Text)
 
<?php 
//this is just an example
if(empty($_POST['N'])){
$message = 'Please fill in your Name';
}
if($message){
echo $message;
}
else {
//insert into database
}
?>
<?php 
//this is just an example
if(empty($_POST['N'])){
$message = 'Please fill in your Name';
}
if($message){
echo $message;
}
else {
//insert into database
}
?>

when the form is submitted you can send to a php page that checks the form or you can submit the page to itself to check all the fields and check boxes. and then either echo the the error message or process the page and insert all the data to the database

edit: I forgot to add that some people might have javascript turned off in their browser, and if thats the case then the javascript used to check the form won't work.

Last edited by compdoc; Dec 20th, 2008 at 12:58 pm.

compdoc

Reputation Points: 14

Solved Threads: 21

Posting Whiz

Offline

325 posts
since Mar 2008

Permalink

Dec 20th, 2008

Re: passing variables from php/html to java scripts

I can't resubmit the page because I'm already using the submit function to send the data to another page.

the intermediar check.php page seemsi nteresting. butr I ahve no idea how to make the page automaticly redirect the user to either the submit page or back to the data entry page.

any ideas how to automaticly redirect users without them touching anything?

I know there's something like this used for a back to previous page link:

PHP Syntax (Toggle Plain Text)

onClick='history.go(-1);return true;'

and that would be perfect for sending the user back to the previous page after stating what he needs to do to continue. but that code requires that the viewer push a button. wich I don't have ( too bad I can't link the ok button from the alert message that I would use to point out the errores.

and then there's the problem with redirecting him to the submit.php page in case all the info is corect.

how do you automaticly redirect to certain pages?

marcmm

Reputation Points: 10

Solved Threads: 0

Light Poster

Offline

42 posts
since Oct 2008

Permalink

Dec 20th, 2008

Re: passing variables from php/html to java scripts

Your code is a complete mess. You're trying to echo static html and it doesn't have any <?php delimiters. The delimiters tell the server which parts of the code to parse. Without them, all of your code gets delivered to the browser without being parsed in plain text.
You are also mixing html and xhtml elements, no doctype...
Here's a cleaner version of your page:

html Syntax (Toggle Plain Text)
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script type="text/javascript">
 
function ConfirmForm()
{
var cmp = document.zzz.N.value;
 
	if (cmp != "")
	{
	 return confirm("are you sure you want to submit this?");
	}
	else
	{
	 return alert("You have not filled all of the necesary fields");
	}
}
 
</script>
<title>Form</title>
</head>
<body>
<form name="zzz" method="get" action="something.php"  onsubmit='return ConfirmForm();'>
 
Name: <input type='text' name="N" id="N" />
<input type="submit" name="submit" value="Submit" />
 
</form>
 
</body>
</html>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script type="text/javascript">

function ConfirmForm()
{
var cmp = document.zzz.N.value;

	if (cmp != "")
	{
	 return confirm("are you sure you want to submit this?");
	}
	else
	{
	 return alert("You have not filled all of the necesary fields");
	}
}

</script>
<title>Form</title>
</head>
<body>
<form name="zzz" method="get" action="something.php"  onsubmit='return ConfirmForm();'>

Name: <input type='text' name="N" id="N" />
<input type="submit" name="submit" value="Submit" />

</form>

</body>
</html>

Your javascript validation will work fine to save the user time. However, it's not going to be secure. You need to do server side validation. At the top of something.php, do some basic checks and redirect back to the referring page if any fields aren't complete:

php Syntax (Toggle Plain Text)
<?php
if(empty($_GET['N'])){
header('Location:form.php');
exit;
}
?>
<html>
<head>
<?php
if(empty($_GET['N'])){
header('Location:form.php');
exit;
}
?>
<html>
<head>

buddylee17

Reputation Points: 232

Solved Threads: 137

Practically a Master Poster

Offline

665 posts
since Nov 2007

Permalink

Dec 21st, 2008

Re: passing variables from php/html to java scripts

php Syntax (Toggle Plain Text)
<html>
 <body>
 
 <?php
 
 $display_form = true;
 
  if($_POST['submit']=="Submit")
  {
	  if(trim($_POST['my_text'])=="")
	  {
		  $error = "Please fill text box";
	  }
	  else
	  {
		   echo ' <form name="my_form" id="my_form" method="POST" action="submit.php">  
 
				 <input type="hidden" name="my_text" value="'.$_POST['my_text'].'">
 
		               </form>
 
				<script language="JavaScript">
					 function form_submit()
					 {
						var my_frm = document.getElementById("my_form");						
						my_frm.submit();
					 }
					window.onload=form_submit;
 
				</script>';
 
				 $display_form = false;
	  }
 
  }//EO   if($_POST['submit']=="Submit")
 
  echo "<br><font color='#FF0000'>".$error."</font><br>";
 
  if($display_form == true)
  {
  ?>
 
 
  <form name="same_page" method="POST">
     <input type="text" name="my_text"  value="<?php echo $_POST['my_text']; ?>">
     <input type="submit" name="submit" value="Submit">
  </form>
 
<?php
  }
  ?>
 
 </body>
</html>
<html>
 <body>
 
 <?php
 
 $display_form = true;
 
  if($_POST['submit']=="Submit")
  {
	  if(trim($_POST['my_text'])=="")
	  {
		  $error = "Please fill text box";
	  }
	  else
	  {
		   echo ' <form name="my_form" id="my_form" method="POST" action="submit.php">  
		  
				 <input type="hidden" name="my_text" value="'.$_POST['my_text'].'">
		  
		               </form>
		  
				<script language="JavaScript">
					 function form_submit()
					 {
						var my_frm = document.getElementById("my_form");						
						my_frm.submit();
					 }
					window.onload=form_submit;
					 
				</script>';
					 
				 $display_form = false;
	  }
		  
  }//EO   if($_POST['submit']=="Submit")
  
  echo "<br><font color='#FF0000'>".$error."</font><br>";
  
  if($display_form == true)
  {
  ?>
  
  
  <form name="same_page" method="POST">
     <input type="text" name="my_text"  value="<?php echo $_POST['my_text']; ?>">
     <input type="submit" name="submit" value="Submit">
  </form>

<?php
  }
  ?>
  
 </body>
</html>

Note : This an example of SERVER side validation, you can add CLIENT side validation also.

Last edited by peter_budo; Dec 21st, 2008 at 4:48 am. Reason: Keep It Organized - For easy readability, always wrap programming code within posts in [code] (code blocks) and [icode] (inline code) tags.

manish.s

Reputation Points: 10

Solved Threads: 5

Light Poster

Offline

29 posts
since Dec 2008

This thread is more than three months old

No one has posted to this discussion for at least three months. Please let old threads die and do not reply to them unless you feel you have something new and valuable to contribute that absolutely must be added to make the discussion complete. Otherwise, please start a new thread in this forum instead.

Previous Thread in PHP Forum Timeline: Problem installing MySQL with apache and php

Next Thread in PHP Forum Timeline: mysql escape string

DaniWeb Message

Cancel Changes

User Name
Password