|
JavaScript - Capture Form Data For Surveys
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 Similar TutorialsHi. Please help. I have a credit card donation page and what I wanted to do is after they click the submit button and transaction is successfult I wanted to capture the donation amount they enter from the donation page and show it to the next page. I know that is possible but I just don't know how to do it. I am new in Javascript and still consider as a baby. Can someone please help? Thanks in advance.
Hi guys, Been stuck for a few days with this scenario. Any help? The alert box appears on an error. But the submitting won't stop. The details are submitted and the form is processed. Any help is greatly appreciated... Code: <html>
<head>
<script type="text/javascript" src="email_helper/jscripts/tiny_mce/tiny_mce.js"></script>
<script type="text/javascript">
tinyMCE.init({
// General options
mode : "textareas",
theme : "simple"
});
</script>
<script language="javascript">
function MM_openBrWindow(theURL,winName,features) {
window.open(theURL,winName,features);
}
function err_check(){
var email = document.getElementById('to_email').value;
if(email.length==0){
alert('Please Enter Email Address');
return false;
}
var AtPos = email.indexOf("@")
var StopPos = email.lastIndexOf(".")
if (AtPos == -1 || StopPos == -1) {
alert("Please Enter Valid Email Address");
document.getElementById('email').focus();
return false;
}
email = document.getElementById('cc_email').value;
if(email.length != 0){
var AtPos = email.indexOf("@")
var StopPos = email.lastIndexOf(".")
if (AtPos == -1 || StopPos == -1) {
alert("Please Enter Valid Email Address");
document.getElementById('email').focus();
return false;
}
}
var answer = confirm ("Send E-Mail?");
if (!answer){
return false;
}
}
</script>
<!-- /TinyMCE -->
<style type="text/css">
body, table, td, th{
background-color:#CCCCCC;
font-family: Arial;
font-size:14px;
}
.que{
font-weight:bold;
}
</style>
</head>
<body>
<form method="post" enctype="multipart/form-data">
<?php
include 'library/database.php';
include 'library/opendb.php';
$query = mysql_query("SELECT email,contact,mobile FROM users WHERE user_id='$uid'") or die(mysql_error());
$row = mysql_fetch_row($query);
$from_email = $row[0];
$from_person = $row[1];
$from_mobile = $row[2];
$query = mysql_query("SELECT customer_id FROM campaign_summary WHERE camp_id='$camp_id'") or die(mysql_error());
$row = mysql_fetch_row($query);
$cusid = $row[0];
$query = mysql_query("SELECT email FROM client_info WHERE comp_id='$cusid'") or die(mysql_error());
$row = mysql_fetch_row($query);
$toer = $row[0];
include 'library/closedb.php';
?>
<table width="100%" border="0">
<tr><td rowspan="4"><input type="submit" name="send_email" id="send_email" style="height:50px; width:100px;" value="SEND" onClick="return err_check();" /></td><td><span class="que">From : </span></td><td colspan="3"><?php echo $from_email; ?><input type="hidden" name="from_mail" id="from_mail" /><input type="hidden" name="camp_id" id="camp_id" value="<?php echo $camp_id;?>"/></td></tr>
<tr><td><span class="que">To : </span></td><td colspan="3"><input name="to_email" id="to_email" style="width:250px;" value="<?php echo $toer;?>"/></td></tr>
<tr><td><span class="que">CC : </span></td><td colspan="3"><input name="cc_email" id="cc_email" style="width:250px;"/></td></tr>
<tr><td><span class="que">Subject : </span></td><td colspan="3"><input style="width:300px;" name="subject" id="subject" /></td></tr>
<tr><td rowspan="1" colspan="2"> </td><td><input type="checkbox" name="ori_pdf" id="ori_pdf" checked /> PDF Quotation</td><td> </td><td> </td></tr><tr><td colspan="2"><span class="que">Credit Application</span></td><td><input type="checkbox" name="corporate" id="corporate"/>Corporate</td><td><input type="checkbox" name="individual" id="individual" />Individual</td><td><input type="checkbox" name="cash" id="cash" />Cash Account</td>
</tr>
<tr>
<td colspan="2" rowspan="3"></td><td><input type="checkbox" name="tabloid" id="tabloid" />Tabloid Example</td>
<td><input type="checkbox" name="broadsheet" id="broadsheet" />Broadsheet Example</td></tr>
<tr><td><input type="checkbox" name="colmt" id="colmt" />Column Sizes Tabloid</td>
<td><input type="checkbox" name="colmb" id="colmb" />Column Sizes Broadsheet</td></tr>
<tr><td><input type="checkbox" name="maps" id="maps" />Maps / Distribution</td><td colspan="2" align="right">External Attachments <input id="upload_file" name="upload_file" type="file"/> </td></tr>
<tr><td colspan="2"><span class="que">Message :</span></td><td colspan="3">
<textarea id="elm1" name="elm1" rows="15" cols="80" style="width: 100%">
<?php
echo "<br><br><br>" . $from_person . "<br>" . $from_mobile;
?>
</textarea>
</td></tr>
</table>
</form>
</body>
</html>
Hi, I am building a user model of web browsing behavior (chrome plug-in) and would like to capture any search query that is entered into google.com. When I view source I see that the form name is f and the input name is q, is there a reason that document.f.q.value is not working?? Any suggestions of what would work? Thank you Good Day to All, I have an IP Camera and i want to Display on My Web page. I'm not expert in JS but i tried few ways to Stream my web cam on my web page, but i Failed. Can any one help with simple JS Script to stream live IP camera on My Web-page. Any help or Suggestion will be greatly Appreciated. Thank you I want to capture Window close event. UnLoad will not help me as this event will be called whenever it is redirected to other page. I want as soon as user try to close the window i want to display an confirm message if user Click Ok then browser will be closed and if cancel it will not. Can anybody help me out on this. Dhiru Hi I have a form with some input tags, and when the user submit the form I which if a new hidden tag get submitted with the value the user did tip. I am thinking for doing that but not sure if it is the right thing : Code: <form method="POST"
<input type="text" name="{actionForm.Name}" id="username">
<input type="password" name="{actionForm.Passwd}" id="password">
<input type="hidden" name="usernameh" value="document.getElementById('username')">
<input type="hidden" name="passwordh" value="document.getElementById('password')">
</form>
Is it alright ? I mean when the user enter the username and password, the hidden tags should contain those two values that the user has made. Dear Friends, I am breaking my head over this since yesterday. Can anyone help me with a javascript which can be used to replace the inner text (count of downloads) with new text based on how many people save my image using Right-Click Save Image As option. Thank you PS: Without database support. Code: <table border="0" cellspacing="1" cellpadding="1" width="200">
<tbody>
<tr>
<td><img border="0" id="s1" alt="" src="s1.gif" /></td>
<td><img border="0" id="s2" alt="" src="s2.gif" /></td>
</tr>
<tr>
<td style="text-align: center">7 Download(s)</td>
<td style="text-align: center">1 Download(s)</td>
</tr>
<tr>
<td><img border="0" id="s3" alt="" src="s3.gif" /></td>
<td><img border="0" id="s4" alt="" src="s4.gif" /></td>
</tr>
<tr>
<td style="text-align: center">0 Download(s)</td>
<td style="text-align: center">10 Download(s)</td>
</tr>
</tbody>
</table>
I can't seem to capture keystrokes (via onkeydown) in Firefox. Now before you judge too quickly, here is a snippet that DOES work in Firefox -- but only by itself; not when pasted into my program: ------------------------------------------------------------------------ Code: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<script language=javascript>
<!--
function vProcessKeyboard(e)
{
e = e || window.event;
var code = e.keyCode || e.which;
document.getElementById("chardisplay").innerHTML = code;
}
//-->
</script>
<body>
<script language=javascript>
<!--
document.onkeydown = vProcessKeyboard
//-->
</script>
<div id="chardisplay"></div>
</body>
</html>
------------------------------------------------------------------------ Here's my question: What would cause the above code to fail, when used in a larger, more complicated webpage? If I debug my webpage (using FireBug 1.4.5), I note that "onkeydown" indeed points to my keyboard handler. But when I put a simple debug message in that handler, I get absolutely nothing -- no matter what code I paste in the keyboard handler, it doesn't run. No matter how many keys I press! I run the same program in Internet Explorer and it runs fine. I run the keyboard code by itself in Firefox and it runs fine. I've spent about 10 hours Googling this, and all I can find is discussions of how to capture keystrokes in Firefox vs. IE. I found about 20 different variations on the code I pasted above. The "program" I'm trying to use with this keyboard capture code with is a large browser game -- a glorified webpage, even if it behaves like a Windows game -- with hundreds of objects (divs). There are several layers of graphics to make the game happen. I'm just trying to figure out what is FUNDAMENTALLY different between my large program and a simple webpage, when it comes to something simple like keyboard capture. Is it the size, in bytes, of my webpage? Is it the large number of DIVs? The large number of functions? Incidentally, I'm not using Frames. Any help would be much appreciated. Thanks, Matthew I have the following HTML code in main.html: Quote: ............. ............. <tr align="right"> <td width="50%"> ... ... ... </td> <td width="50%"> <iframe src="../createproject.html width="100%" height="400pt" frameborder="0" scrolling="no"> </iframe> </td> </tr> ........... ........... and createproject.html: Quote: <html> <head> <link rel="stylesheet" type="text/css" href="../user.css" /> <script type="text/javascript" src="../projects.js"></script> <head> <body onload="return capture_profile()"> <div align="right" class="data-font"> <form action="/cgi-bin/createproj.cgi" method="POST"> <fieldset> ....... ....... ....... </fieldset> </form><br/> </div> </body> </html> I'd like capture with capture_profile() function in createproject.html a value into main.html page. How can I solve this problem with javascript? I have a web application (Javascript) that captures keyboard input. The code works independently -- in fact, I've tried several different variations/code snippets that other people have used/recommended. They all work, and are functionally equivalent. But here's the clincher -- my whole program works fine -- keyboard and all -- once I run Venkman's Javascript debugger and then return to my program window! It's as if Venkman's is doing something (setup, initialization) that my program isn't. What could it be though? Thanks, Matthew Here is the keyboard portion of my program: Code: function keyboard_handler(e) {
e = e || window.event;
var keyunicode = e.charCode || e.keyCode
var KeyID = e.keyCode || e.which;
vDebugPrint("Keyboard pressed: " + KeyID);
vDebugPrint("Unicode: " + keyunicode);
}
document.onkeydown = keyboard_handler;
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? 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> 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? 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. I have a long survey form and once its submitted it gets recorded into a database. I would love to be able to save a PDF version of the HTML form with all their radio buttons and textfields filled out at the same time its submitted. It would need a unique name that matches their record in the database (maybe it pulls the data that was entered into one of the form fields for the name). Whether it gets uploaded to an ftp or just emailed to a mailbox doesn't really matter. The purpose of this is to basically have a visual interpretation of the data by a single user. Is something like this even possible? 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 - 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. I am trying to get around using server side scripting for an issue on a webpage. I have a basic html form like this: Code: <html>
<body>
<FORM NAME="myform" ACTION="" METHOD="GET">Enter something in the box: <BR>
<INPUT TYPE="text" NAME="inputbox" VALUE=""><P>
<INPUT TYPE="button" NAME="button" Value="Click" onClick="testResult (this.form)">
</body>
</html>
I know I can use JavaScript to capture the data like this: Code: function testResults (form) {
var TestVar = form.inputbox.value;
alert ("You typed: " + TestVar);
}
Instead of alerting it, can I save the data in an iframe? Will it stay there once they leave the page? I want the iframe to eventually contain info from lots of people's answers. I am wanting to simulate saving the answers to a text file on the server. 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. 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? how can I load data onto a form using jquery/java?
|
|||||||