JavaScript - Form Data And Iframes

hello
i am trying to fire a form which after the call to retrieve the data, populate the form with the data. i can see from firebug that the json data is being captured, but cannot seem to be able to populate the form with it. i am using a jquery plugin facybox, that opens the form, but the fields are blank. i have attached my code and would be grateful if someone could tell me where i am going wrong? many thanks

js code

Code:

<script type="text/javascript">
function edit(com, grid) {
if (com == 'Edit') {
        if($('.trSelected').length>0){
            if($('.trSelected').length>1){
                alert('Please select just one row');
                return;
            }
            var items = $('.trSelected');
            var itemlist ='';
            for(i=0;i<items.length;i++){
                itemlist+= items[i].id.substr(3);
            }
			$.ajax({
			   type: "POST",
			   dataType: "json",
			   url: "tempcontact.php",
			   data: "items="+itemlist,
			   success: function(data){
			   	document.getElementById('id').value = data.id;
            document.getElementById('email').value = data.email;
			    
			   $("#flex1").flexReload();
			   }
			 });
            
            /*and so on then you can call facybox*/
           jQuery.facybox({ div: "#editform"});
		   
        } else{
            alert('Please select a row to edit.');
        }
    }
      }
</script>

form

Code:

<div id="editform" style="display:none;">
  <form action="conedit.php" method="post" class="webform">  
<fieldset>  
<legend><span>Update Contact</span></legend>
<br /> <div id="dataText">Please delete the fields if there is no data 'No data to display'.</div>
  <label for="id">ID:</label>  
<input id="id" name="id" class="text" type="text" value="" />
<label for="name">Full Name:</label>  
<input id="name" name="name" class="text" type="text" value="" />  
  
<label for="email">Email address:</label>  
<input id="email" name="email" class="text" type="text" value="" />  
  
<label for="phone">Telephone:</label>  
<input id="phone" name="phone" class="text" type="text" value="" />  
  
<label for="mobile">Mobile:</label>  
<input id="mobile" name="mobile" class="text" type="text" value="" />  
 
<label for="fax">Fax:</label>  
<input id="fax" name="fax" class="text" type="text" value="" />  
  
<label for="notes">Notes:</label>  
<textarea name="notes" cols="25" rows="3"></textarea>  


</fieldset>
<input class="submit" type="submit"  name="submit" value="Update" />
</form>
</div>

Hello,

I used a standard orderform which I expanded. With this form people can order some products. But when I submit the form with data from a javascript the mail is empty. Can anyone help? I am just a beginner....

You can try the form here

Thanks in advance!

Hein.

Basically I have comments posted on articles and I want to allow users to report them if they find inappropriate content. I want them to be able to click on icon on the comment which will open up a pop-up. Then in the pop-up they can type why they are reporting the comment.

Code:

 <script type="text/javascript">
function popup() {
Report = window.open('/report.php','Report','width=350, height=400');
document.reportform.submit();
}
</script>

        <form action="/report.php" name="reportform" method="post" target="Report">
        <input type="hidden" name="reporter_id" value = "<?php echo $user_id; ?>" />
        <input type="hidden" name="reported_id" value="<?php echo $row['uid'] ?>"  />
        <input type="hidden" name="comment_id" value="<?php echo $row['id'] ?>"  />
     	<a href="#" name="reportform" class="submit" onclick="return popup();"> Report</a></form>

I've been messing with this code for a while now. This code successfully brings up the pop-up, but it doesn't transfer the form data. My main coding language is PHP, and I'm in the process of learning Javascript. Can anyone help?

I am working on my form. Once user put data in the form, I want to save it as cookie and display it in another page as form processor.
In my html file therefore, I have

Code:

<form id="frmBuyer" method="get" action="FormProcessor_Cookies.html" 
        enctype="application/x-www-form-urlencoded"
        onsubmit="return validate();" onreset="location.reload();">

which is basically validate all the data and once it meets the requirement, it goes to FormProcessor_Cookies.html. So, i put a function in my js file to get all the data as cookie as following.
Code:

function createCookie(){
	document.cookie = first + "=" + encodeURIComponent(document.forms[0].FirstName.value);
	document.cookie = last + "=" + encodeURIComponent(document.forms[0].LastName.value);
	document.cookie = phone1 + "=" + encodeURIComponent(document.forms[0].PhoneA.value);
	document.cookie = phone2 + "=" + encodeURIComponent(document.forms[0].PhoneB.value);
	document.cookie = phone3 + "=" + encodeURIComponent(document.forms[0].PhoneC.value);
	document.cookie = email + "=" + encodeURIComponent(document.forms[0].Email.value);
	location.href = "cookie.html";
}

and I called this function after it validates.

Code:

function validate(){
	
	var blnError = false;
	var zip = document.getElementById("Zip").value;
	var textBoxthree = document.getElementById("third");
	var textLengththree = textBoxthree.value.length;
	var textBoxtwo = document.getElementById("second");
	var textLengthtwo = textBoxtwo.value.length;
	var textBoxone = document.getElementById("first");
	var textLengthone = textBoxone.value.length;

	var patternZip = new RegExp("^([0-9]){5}(([ ]|[-])?([0-9]){4})?$");
	if (document.forms[0].Zip.value == ""||!patternZip.test(document.forms[0].Zip.value)){
	document.getElementById('E_Zip').style.display="inline";
	document.forms[0].Zip.focus();
	document.forms[0].Zip.style.backgroundColor="lemonchiffon"
	blnError = true;
	}
	else{
	document.getElementById('E_Zip').style.display="none";
	document.forms[0].Zip.style.backgroundColor="white"
	}
	
	var patternCity = new RegExp("^(?:[a-zA-Z]+(?:[.'\-,])?\s?)+$");
	if (document.forms[0].City.value == ""||!patternCity.test(document.forms[0].City.value)){
	document.getElementById('E_City').style.display="inline";
	document.forms[0].City.focus();
	document.forms[0].City.style.backgroundColor="lemonchiffon"
	blnError = true;
	}
	else{
	document.getElementById('E_City').style.display="none";
	document.forms[0].City.style.backgroundColor="white"
	}

	var patternAddress = new RegExp("^[a-zA-Z]+.*|.*[a-zA-Z]+|.*[a-zA-Z]+.*$");
	if (document.forms[0].Address1.value == ""||!patternAddress.test(document.forms[0].Address1.value)){
	document.getElementById('E_Address1').style.display="inline";
	document.forms[0].Address1.focus();
	document.forms[0].Address1.style.backgroundColor="lemonchiffon"
	blnError = true;
	}
	else{
	document.getElementById('E_Address1').style.display="none";
	document.forms[0].Address1.style.backgroundColor="white"
	}

	var patternConfirm = new RegExp("^[_a-zA-Z0-9\\-]+(\.[_a-zA-Z0-9\\-]+)*@[a-zA-Z0-9\\-]+(\.[a-aZ-Z0-9\\-]+)*(\.[a-z]{2,3})$");
	if (document.forms[0].ConfirmEmail.value == "" 
	||!patternConfirm.test(document.forms[0].ConfirmEmail.value)
	||document.forms[0].ConfirmEmail.value != document.forms[0].Email.value){
	document.getElementById('E_ConfirmEmail').style.display="inline";
	document.forms[0].ConfirmEmail.focus();
	document.forms[0].ConfirmEmail.style.backgroundColor="lemonchiffon"
	blnError = true;
	}
	else{
	document.getElementById('E_ConfirmEmail').style.display="none";
	document.forms[0].ConfirmEmail.style.backgroundColor="white"
	}

	var patternEmail = new RegExp("^[_a-zA-Z0-9\\-]+(\.[_a-zA-Z0-9\\-]+)*@[a-zA-Z0-9\\-]+(\.[a-aZ-Z0-9\\-]+)*(\.[a-z]{2,3})$");
	if (document.forms[0].Email.value == ""||!patternEmail.test(document.forms[0].Email.value)){
	document.getElementById('E_Email').style.display="inline";
	document.forms[0].Email.focus();
	document.forms[0].Email.style.backgroundColor="lemonchiffon"
	blnError = true;
	}
	else{
	document.getElementById('E_Email').style.display="none";
	document.forms[0].Email.style.backgroundColor="white"
	}
	var patternPhoneA = new RegExp("^\\d{3}$");
	var patternPhoneB = new RegExp("^\\d{3}$");
	var patternPhoneC = new RegExp("^\\d{4}$");

	if(patternPhoneC.test(document.forms[0].PhoneC.value)
	&&patternPhoneB.test(document.forms[0].PhoneB.value)
	&&patternPhoneA.test(document.forms[0].PhoneA.value)){
	
	document.getElementById('E_Phone').style.display="none";
	}

	if(patternPhoneC.test(document.forms[0].PhoneC.value)){
	document.forms[0].PhoneC.style.backgroundColor="white"}

	if(patternPhoneB.test(document.forms[0].PhoneB.value)){
	document.forms[0].PhoneB.style.backgroundColor="white"}

	if(patternPhoneA.test(document.forms[0].PhoneA.value)){
	document.forms[0].PhoneA.style.backgroundColor="white"}

	if (!patternPhoneC.test(document.forms[0].PhoneC.value)){
	document.getElementById('E_Phone').style.display="inline";
	document.forms[0].PhoneC.focus();
	document.forms[0].PhoneC.style.backgroundColor="lemonchiffon"
	}
	if (!patternPhoneB.test(document.forms[0].PhoneB.value)){
	document.getElementById('E_Phone').style.display="inline";
	document.forms[0].PhoneB.focus();
	document.forms[0].PhoneB.style.backgroundColor="lemonchiffon"
	}
	if (!patternPhoneA.test(document.forms[0].PhoneA.value)){
	document.getElementById('E_Phone').style.display="inline";
	document.forms[0].PhoneA.focus();
	document.forms[0].PhoneA.style.backgroundColor="lemonchiffon"
	}

	
	var patternLast = new RegExp("^[a-zA-Z]+.*|.*[a-zA-Z]+|.*[a-zA-Z]+.*$");
	if (document.forms[0].LastName.value == ""||!patternLast.test(document.forms[0].LastName.value)){
	document.getElementById('E_LastName').style.display="inline";
	document.forms[0].LastName.style.backgroundColor="lemonchiffon"
	blnError = true;
	}
	else{
	document.getElementById('E_LastName').style.display="none";
	document.forms[0].LastName.style.backgroundColor="white"
	}

	var patternFirst = new RegExp("^[a-zA-Z]+.*|.*[a-zA-Z]+|.*[a-zA-Z]+.*$");
	if (document.forms[0].FirstName.value == ""||!patternFirst.test(document.forms[0].FirstName.value)){
	document.getElementById('E_FirstName').style.display="inline";
	document.forms[0].FirstName.style.backgroundColor="lemonchiffon"
	blnError = true;
	}
	else{
	document.getElementById('E_FirstName').style.display="none";
	document.forms[0].FirstName.style.backgroundColor="white"
	}
	
	if (blnError == true){
	document.getElementById('E_Alert').style.display="inline";
	return false;
	}  
	else {
	document.getElementById('E_Alert').style.display="none";
	 createCookie(); 
	return true;
	} 
	}

Lastly, I tried to display all the cookies in my "FormProcessor_Cookies.html" page

Code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
   <head>
	<meta name="author" content="" />
	<meta name="description" content="Home" />
	<meta name="keywords" content="Client Side Programming, JavaScript, CSS" />
	<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
	<meta http-equiv="Content-Language" content="en-us" />
	<link rel="stylesheet" href="javascript.css"/>
	<script type="text/javascript" src="shopping.js"></script>
   <title>Homepage::Seunghun Jun</title>
   </head>
   <body>
	<div id="container">
	   <!-- Begin web page -->
	   <div id="header"><!-- Header and Navigation -->
		<!-- Page Heading --><!-- Navigation -->  

	<script type="text/javascript">
	   displayHeader();
	</script> <br/><br/><br/><br/>
	   </div>

	   <div id="content">
	   <!-- Main Content --><div id="submited">
	   <script type="text/javascript">
	   /* <![CDATA[ */
	   document.write(documetn.cookie;);
	   /* ]]> */
	   </script></div>      
	   </div><br/><br/><br/><br/>
	   
	   <div id="footer">
	   <!-- Footer -->
	   <!-- Begin Footer Div-->
	   <script type="text/javascript">displayFooter();</script>
           <!-- End Footer Div -->
	   </div>
	   <!--End web page -->
	</div>
   </body>
</html>

And its not showing any messages...I know I am asking to much...but could any expert can help me what is wrong and how I can fix this?

Hi,

I have a rather complicated problem for me as it involves both php and js. And I'm getting lost... Let me explain:

On a page, order.html, I have a form including the following fields:
- name
- email
- comment

When posted, it is linked to request.php and request.validation.js, to end up on confirmation.php.

On confirmation.php, I would like to reuse the information entered in the fields on order.php (name, email, comment) to display them on the page.

My issue I can't find how to 'take them along' in request.php / request.validation.js to confirmation.php where I'm trying to display them with :
Code:

Contact:  <span id="name"><?php echo($_POST['name']); ?></span>

etc.


For reference, here are my files request.php and request.validation.js:

PHP Code:
<?php

// CONFIGURATION --------------------------------------------------------------

// This is the email where the contact mails will be sent to.
$config['recipient'] = 'mail@mail.com';

// This is the subject line for contact emails.
// The variable %name% will be replaced with the reference ordered.
$config['subject'] = 'Website enquiry from %name%';

// These are the messages displayed in case of form errors.
$config['errors'] = array
(
    'no_name'       => 'Veuillez entrer votre nom.',
    'no_email'      => 'Votre adresse email est requise.',
    'invalid_email' => 'Votre adresse email n est pas valide.',
    
);

// END OF CONFIGURATION -------------------------------------------------------


// Ignore non-POST requests
if ( ! $_POST)
    exit('Nothing to see here. Please go back to the site.');

// Was this an AJAX request or not?
$ajax = (isset($_SERVER['HTTP_X_REQUESTED_WITH']) AND strtolower($_SERVER['HTTP_X_REQUESTED_WITH']) == 'xmlhttprequest');

// Set the correct HTTP headers
header('Content-Type: text/'.($ajax ? 'plain' : 'html').'; charset=utf-8');

// Extract and trim contactform values
$name    = isset($_POST['name']) ? trim($_POST['name']) : '';
$email   = isset($_POST['email']) ? trim($_POST['email']) : '';
$comment = isset($_POST['comment']) ? trim($_POST['comment']) : '';

// Take care of magic quotes if needed (you really should have them disabled)
set_magic_quotes_runtime(0);
if (get_magic_quotes_gpc())
{
    $name    = stripslashes($name);
    $email   = stripslashes($email);
    $comment = stripslashes($comment);
}

// Initialize the errors array which will also be sent back as a JSON object
$errors = NULL;

// Validate name
if ($name == '' || strpos($name, "\r") || strpos($name, "\n"))
{
    $errors['name'] = $config['errors']['no_name'];
}

// Validate email
if ($email == '')
{
    $errors['email'] = $config['errors']['no_email'];
}
elseif ( ! preg_match('/^[-_a-z0-9\'+*$^&%=~!?{}]++(?:\.[-_a-z0-9\'+*$^&%=~!?{}]+)*+@(?:(?![-.])[-a-z0-9.]+(?<![-.])\.[a-z]{2,6}|\d{1,3}(?:\.\d{1,3}){3})(?::\d++)?$/iD', $email))
{
    $errors['email'] = $config['errors']['invalid_email'];
}

// Validation succeeded
if (empty($errors))
{
    // Prepare subject line
    $subject = str_replace('%name%', $name, $config['subject']);
    
    // Set date
    $todayis = date("l, F j, Y") ;
    
    // Prepare message
    $message = "Date: $todayis
Nom: $name
email: $email
Commentai  $comment";

    // Additional mail headers
    $headers  = 'Content-Type: text/plain; charset=utf-8'."\r\n";
    $headers .= 'From: '.$email;

    // Send the mail
    if ( ! mail($config['recipient'], $subject, $message, $headers))
    {
        $errors['server'] = 'Server problem';
    }
}

if ($ajax)
{
    // Output the possible errors as a JSON object
    echo json_encode($errors);
}
else
{
    // Show a simple HTML feedback message in case of non-javascript support
    if (empty($errors))
    {
        header('Location: ../steps/confirmation.php');
    }
    else
    {
        echo '<h2>Oups!</h2>';
        echo '<ul><li>';
        echo implode('</li><li>', $errors);
        echo '</li></ul>';
        echo '<br><br><a href="javascript:history.back(-1);">Retour</a>';
    }
}


Code:

/*
 * 	Request Form Validation v1.0
 *	By Simon Bouchard <www.simonbouchard.com>
 *	You need at least PHP v5.2.x with JSON support for the live validation to work.
 */

jQuery(document).ready(function(){  

	jQuery('#requestform').submit(function() {

		// Disable the submit button
		jQuery('#requestform input[type=submit]')
			.attr('value', 'Send...')
			.attr('disabled', 'disabled');

		// AJAX POST request
		jQuery.post(
			jQuery(this).attr('action'),
			{
				name:jQuery('#name').val(),
				email:jQuery('#email').val(),
				comment:jQuery('#comment').val(),
			},
			function(errors) {
				// No errors
				if (errors == null) {
					document.location.href="confirmation.php";
				}

				// Errors
				else {
					// Re-enable the submit button
					jQuery('#requestform input[type=submit]')
						.removeAttr('disabled')
						.attr('value', 'Envoyer');

					// Technical server problem, the email could not be sent
					if (errors.server != null) {
						alert(errors.server);
						return false;
					}

					// Empty the errorbox and reset the error alerts
					jQuery('#requestform .errorbox').html('<ul></ul>').show();
					jQuery('#requestform li').removeClass('alert');

					// Loop over the errors, mark the corresponding input fields,
					// and add the error messages to the errorbox.
					for (field in errors) {
						if (errors[field] != null) {
							jQuery('#' + field).parent('li').addClass('alert');
							jQuery('#requestform .errorbox ul').append('<li>' + errors[field] + '</li>');
						}
					}
				}
			},
			'json'
		);

		// Prevent non-AJAX form submission
		return false;
	});

});

Thanks for your help.
M.

how can I load data onto a form using jquery/java?

Hello, I have a form which asks for some user data and then submits this data and inserts into a mysql database. I wanted to know the best way to validate the form before the data is submittted to the action script. For example, checking form fields to see if they are empty and also making sure no special characters are inserted by the user. The code I have tried is:
Code:

function checkForm() {

     var theForm = document.forms.feedback;
     
     if (theForm.fname.value == "" || theForm.loc.value="" || theForm.com.value == "") {
         alert("Please complete all of the form");
         
         
     
     }
}

Working with this form:
Code:

<form id="feedback" name="feedback" action="php/phpcustom.php" method="POST">
     <fieldset>
         <legend>Gardenable.com Feedback</legend>
             <p><label for="fname">Name:</label><input type="text" size="30" maxlength="40" id="fname" name="fname" /></p>
         
             <p><label for="loc">Location:</label><input type="text" size="30" maxlength="40" id="loc" name="loc" /></p>
         
             <p><label for="com">Comments:</label><textarea cols="40" rows="6" maxlength="300" id="com" name="com"></textarea></p>
             
             <p><input type="submit" name="send" id="submitbutton" value="Submit" onclick="checkForm()" /><input type="reset" name="reset" value="Reset" /></p>
     </fieldset>
     </form>

I've added this function to the onclick attribute of the submit input button but it is just submitting the data and not executing.

Just wondering if anyone could please explain how to stop the execution of the data being submitted and check the form before doing so.

If not could you possibly advise any good sites/links for me to browse to achieve this.

regards,

LC.

HTML:
Code:

<script src="./include/js/drinkValidation.js" type="text/javascript"></script>

<form name="add-drinks" action="include/add-drink.php" method="POST" onSubmit="return addDrinkFormValidation(this);" enctype="multipart/form-data" >
		<span id="colour" class='modify_form'>
			<label for='drinkColour'>Spirit Colour:</label> <br />
			<select name='drinkColour' tabindex=1>
				<option value='' >None</option>
				<option value='R' >R</option>
				<option value='G' >G</option>
				<option value='Y' >Y</option>
			</select>
		</span>
		<div class='modify_form'>
			<label for='drinkType'>Type:</label> <br />
			<select name='drinkType' tabindex=1 onChange="HideObjects(this.value)">
				<option value="">Select a Drink type:</option>
				<option value='Cask' >Cask Ales</option>
				<option value='Guest' >Guest Ale</option>
				<option value='Lager' >Lager</option>
				<option value='Bottled Beers' >Bottled Beer</option>
				<option value='Wines' >Wine</option>
				<option value='Ciders' >Cider</option>
				<option value='Softs' >Soft</option>
				<option value='Spirits' >Spirit</option>
			</select>
		</div>
		<div id="drinkABV" class='modify_form'>
			<label for='drinkABV'>ABV:</label> <br />
			<input name='drinkABV' size='2' tabindex=4 maxlength="4" placeholder="ie: 4.2"/>
		<label for='drinkABV'>%</label>
		</div>
		<div id="name"class='modify_form'>
			<label for='name'>Name:</label> <br />
			<input name='name' size='25' tabindex=3 placeholder="Drink name"/>	
		</div>
		<div id="drinkInfo" class='modify_form'>
			<label for='drinkInfo'>Description:</label> <br />
			<textarea name='drinkInfo' rows='5' cols='30' maxlength='255' tabindex=5 placeholder="Max 255 characters"></textarea>
		</div>
		<div id="pint" class='modify_form'>
			<label for='drinkPintPrice'>Pint (&pound;):</label> <br />
			<input name='drinkPintPrice' size='10' tabindex=8 />
		</div>
		<div id="halfpint" class='modify_form'>
			<label for='drinkHalfPrice'>Half Pint (&pound;):</label> <br />
			<input name='drinkHalfPrice' size='10' tabindex=7 />
		</div>
		<div id="drinkSpecialPrice" class='modify_form'>
			<label for='drinkSpecialPrice'>Offer Price (&pound;):</label> <br />
			<input name='drinkSpecialPrice' size='10'tabindex=6  />
		</div>
		<div id="drinkbottlePrice" class='modify_form'>
			<label for='drinkbottlePrice'>Bottle/Spirit Price (&pound;):</label> <br />
			<input name='drinkbottlePrice' size='10'tabindex=6  />
		</div>
		<br />
		<br />
		<input type="file" name="cons_image"  />
		<br />
		<br />
		<div id='submit'>
		<input type='submit' value='Add New Drink' />
		</div>
		<br />
		<p><b>Please add the information you wish to add then click Add New Drink</b></p>
	</form>

Javascript containing validation

Code:

var ck_abv = /[0-9]{1,2}\\.[0-9]{1}$/;
var ck_price = /[0-9]{1,2}\\.[0-9]{2}$/;
var ck_name = /^[A-Za-z0-9 ]{3,20}$/;
var ck_info = /^[A-Za-z0-9 ]{3,255}$/;
alert ("Im in the file");

function addDrinkFormValidation(form){
var type = form.drinkType.value;
var abv = form.drinkABV.value;
var name = form.name.value;
var info = form.drinkInfo.value;
var pint = form.pint.value;
var halfpint = form.halfpint.value;
var bottle = form.drinkbottleprice.value;
var offer = form.drinkSpecialprice.value;
var errors = [];
alert (form);
alert (type);
alert (abv);
alert (info);
alert (pint);
alert (halfpint);
alert ("Anything showing");

	if(type==0){
		errors[errors.length] = "Please select a drink type.";
	}
	if(!ck_name.test(name) || (name == "")){
		errors[errors.length] = "Please enter a drink name.";
	}
	if(!ck_info.test(info) || (info == "")){
		errors[errors.length] = "Please enter a drink description.";
	}
	if(!ck_abv.test(abv)){
		errors[errors.length] = "Illegal character in ABV";
	}
	if(!ck_price.test(pint)){
		errors[errors.length] = "Illegal character in pint";
	}
	if(!ck_price.test(halfpint)){
		errors[errors.length] = "Illegal character in halfpint";
	}
	if(!ck_price.test(bottle)){
		errors[errors.length] = "Illegal character in Bottle/Spirit Price";
	}
	if(!ck_price.test(offer)){
		errors[errors.length] = "Illegal character in Offer price";
	}
	if (errors.length > 0) {
	  reportErrors(errors);
	  return false;
	 }
	  return false;	
}

function reportErrors(errors){
 var msg = "Please Enter Valid Data...\n";
 for (var i = 0; i<errors.length; i++) {
 var numError = i + 1;
  msg += "\n" + numError + ". " + errors[i];
}
 alert(msg);
}

For some reason i dont know why the javascript isnt reading the function even tho they are correctly named, the file is being read as the 1st test alert comes up.

the 2nd one inside the function doesnt know.

can anyone point in the right place or show me where i am going wrong.

as you can see i have put both my entire form and and the java file up.

so you can easily see what goes on

#on a note i have multiple forms in a tab system if that has anything to do with it although i shouldnt see why it should.

#oh and did i get my regex correct for ck_price e.g "9.99 or 10.99" and ck_abv eg "4.2 or 10.2 or 34"

#im also using wampserver 2.1 with win7 and chrome if it's needed

thanks ste

Say I have a form so long that i want to group sections by category and have them expandable, using css to display:none or display:block these groups. If a user selects an option or two in one of these divs, then fills in some fields, then hides the div... is it going to cause problems when they submit the form if the div is hidden?

Thanks!

edit: let me ask another question too--what if we add validation into the mix. What happens if a field in a hidden div does not pass validation?

I'm working on a image upload script. I have finish the PHP side of things now I'm ready for javascript to do its side of things. I wanting to have no page refresh the only way I know of doing this is pushing the form data to a iframe with the target property.

I understand the concept of it but I'm not to sure how to write. Can someone help me out with this?

Thank you!

I have 2 types of addresses

1. Permanent address > Postal code, Street, City, State, Country
2. Current address > Postal code, Street, City, State, Country

and a check box 'Copy from Permanent address' with Current address

when i checked that check box then all values from 'Permanent address' will be copy to 'Current address'

Please send me the code

Hi

I own two websites, site1.com and site2.com

site1.com is Java jsp
site2.com is Apache php

I don't know if this is possible I think no but at least let me clear what I am plaining to do.

The site1.com has the following form and I want the data submitted to that form get stored in site2.com.

The form in brief is as following :

Code:

<FORM METHOD=POST ACTION="SaveName.jsp">
What's your name? <INPUT TYPE=TEXT NAME=username SIZE=20><BR>
What's your e-mail address? <INPUT TYPE=TEXT NAME=email SIZE=20><BR>
What's your age? <INPUT TYPE=TEXT NAME=age SIZE=4>
<P><INPUT TYPE=SUBMIT>
</FORM>

Regards

Hey Guys,

A litttle new to web coding so bare with me(hope this is posted in the right section). Im workin on a backend panel where i populate a simple table with a few text boxes in there so they can update some values. I also have at the end of every row in the table an Edit, Delete & Save button. When i hit the save button i would like to update that entry in the database.

My Problem is that i need a value from the table before hitting a submit button, and the element names are dynamically created meaning ill likely need a variable sent from php to javascript and once i have the value in javascript ill need to send it back over to the php to manipulate and send to the server.

From wat i can gather using 'document.form.element.value' is the best way to go, hence why i posted this in javascript when most of my code is php.

PLEASE HELP

Hi there,

I'm absolute newbie in javascript, so the question may look not worth asking for you. Sorry for that.

My situation is like that: I want to make a preview of form data using javascript. After the button "preview" is clicked I start showing div dialog which should contain data entered by users. The problem is that because my div dialog is coded in the same page as form I can get only default values. It means - after making some changes, they are not visible.

To get and print the value of input I use this code:

Code:

<script type="text/javascript">
mytext = document.getElementById('name').value;
document.write(mytext);
</script>

How it would be possible to update the values on "on click" event.

Thank you very much for considering this question.

Hello,

Im pretty new at JavaScript still, and I am trying to add cookies to a page of my website, so that what is entered into form fields, is retained for future visits. Below is my code, and I am scratching my head as to why it is not working for me! I have viewed a few different cookie tutorials, and so far trying to shape them around what I am seeking, is leading me to my broken code.

Javascript:
Code:

var today = new Date();
var expiry = new Date(today.getTime() + 100 * 24 * 3600 * 1000); 

function setCookie(name, value) 
{ 
document.cookie=name + "=" + escape(value) + "; path=/; expires=" + expiry.toGMTString(); 
} 
function storeValues(form) 
{ 
setCookie("name", contact.name.value);
setCookie("email", contact.email.value);
setCookie("phone", contact.phone.value);
    return true; 
}
if(name = getCookie("name")) document.contact.name.value = name;
if(email = getCookie("email")) document.contact.email.value = email; 
if(phone =getCookie("phone")) document.contact.phone.value = phone;

HTML for the Form
Code:

<form action="mailto:ksim@dbk.com" method="POST" name="contact" onsubmit="return validateForm();" >
 <ul>
    <li>
        <strong>Name<font color="#5fb81e">*</font></strong>
        <div><input type="text" size="25" name="name" /></div>
    </li>
    <li>
        <strong>E-mail Address<font color="#5fb81e">*</font></strong>
        <div><input type="text" size="25" name="email" /></div>
    </li>
    <li>
        <strong>Phone Number<font color="#5fb81e">*</font></strong>
        <div><input type="text" size="25" name="phone" /></div>
    </li>
    <li>
        <strong>Prefered Type of Contact?<font color="#5fb81e">*</font></strong>
        <div><input type="radio" name="contact" value="email" id="contactem" /> E-mail<br />
        <input type="radio" name="contact" value="phone" id="contactph" /> Phone</div>
    </li>
        <li>
        <strong>Reason For Contact?</strong>
        <div><input type="checkbox" name="reason" value="showinfo" />Show Information<br />
        <input type="checkbox" name="reason" value="groupinfo" />Group Information<br />
        <input type="checkbox" name="reason" value="collab" /> Collaboration<br />
        <input type="checkbox" name="reason" value="misc" />Misc
</div>
    </li>
        <li>
        <strong>What Are You Contacting About?<font color="#5fb81e">*</font></strong>
        <div><textarea name="message" rows="7" cols="28"></textarea></div>
    </li>
        <li>
        <strong></strong>
        <div><input type="button" value="Save" conclick="setCookie();"/><button type="reset">Reset</button><button type="submit">Submit</button>
        </div>
    </li>
</ul>

If anyone has some tips to point me in the right direction, and let me see the error of my ways (pun totally intended) I would appreciate it.