|
JavaScript - Js Code Clobbering My Form Var
I have a JS function that I am using to manually move one or more list items from one list to another. The JS code appears to work ok.
However, when I submit my form, the Select tag NAME isn't being recognized in my php code so I can parse the new list items and see the updated list. Can anyone see what might be causing this? Thanks. Here is my JS code: PHP Code: function add_department_list_box_click() { var selectAvailableOptions = document.getElementById('id_available_depts_cbo').options; var selectAssignedOptions = document.getElementById('id_assigned_to_emp_depts_cbo').options; var AssignedOption; var i = 0; for (i = selectAvailableOptions.length-1; i >= 0; i--) // have to start at last item and work towards 0th item { if (selectAvailableOptions[i].selected) { AssignedOption = document.createElement("Option"); AssignedOption.text = selectAvailableOptions[i].text; AssignedOption.value = selectAvailableOptions[i].value; selectAssignedOptions.add(AssignedOption); selectAvailableOptions.remove(i); } } } And here is my php code that gives a warning:Warning: Invalid argument supplied for foreach() PHP Code: <SELECT ID="id_assigned_to_emp_depts_cbo" NAME="frm_assigned_to_emp_depts_cbo[]" MULTIPLE="multiple" SIZE="<?php4"> <SELECT ID="id_available_depts_cbo" NAME="frm_available_depts_cbo[]" MULTIPLE="multiple" SIZE="4"> foreach ($frm_assigned_to_emp_depts_cbo as $dept_id) { if ($php_debug == 1) print "foreach $dept_id<br>"; } Similar TutorialsI am trying to set up a looping structure that tests to see if the user enters a value. If the textbox is null then a global variable is false otherwise a checkbox is checked and the global variable is true. below is what i have done so far, please assist me. var isValid = false; window.onload = startForm; function startForm() { document.forms[0].firstName.focus(); document.forms[0].onsubmit = checkEntries; alert("You have been added to the list") } function checkEntries() { var menus = new Array(); var formObject = document.getElementsByTagName('*'); for (var i=0; i < formObject.length; i++){ if (formObject[i] == "myform") menus.push(formObject[i]); if (document.forms[0].firstName.value.length==0 || document.forms[0].firstName.value.length == null){ isValid= false; alert("Please enter a first name"); } else (document.forms[0].check0.checked=true); isValid=true; if (document.forms[0].lastName=="" || document.forms[0].lastName== null){ alert("Please enter a last name"); isValid = false; } else (document.forms[0].check1.checked=true); isValid=true; if (document.forms[0].email=="" || document.forms[0].email== null) { alert("Please enter a valid email"); } else return (document.forms[0].check0.checked=true); isValid=true; if (document.forms[0].bDate=="" || document.forms[0].bDate== null) { isValid=false; alert("please make sure you enter a valid birth date."); } else (document.forms[0].check0.checked=true); isValid=true; } } here is the form html... <form name="myform" > <input type="checkbox" name="check0" class="check0" id="check0" > First: <input type="text" name="firstName" id="firstName"> <BR> <input type="checkbox" name="check1" class="check1" id="check1" > Last: <input type="text" name="lastName" id="lastName" ><BR> <input type="checkbox" name="check2" class="check2" id="check2" > E-Mail: <input type="text" name="email" id="email"> <BR> <input type="checkbox" name="check3" class="check3" id="check3" > Birthday (mm/dd/yyyy): <input type="text" name="bDate" id="bDate"> <BR> <input type="submit" value="Join our mailing List" /> </form> So I have a little calendar widget on my site, for people to choose their dates for a reservation system. They then click a 'Book Now' button which creates a dynamic url (using their start date and the number of dates) to the booking engine. The problem is, the way it accomplishes this (window.location.href=), breaks cross-domain tracking on Google Analytics. And I'm not smart enough to figure out how to do it any other way. What I'd like to do is have clicking the Book Now button change the URL in the form action within the form with ID resForm, and then submit the form. I'm hoping someone can help me edit the form so that it accomplishes this. I'd be incredibly thankful. This is what I currently have: Code: <script>
jQuery(document).ready(function($) {
$(".book-now").click(function() {
if($('#check-in').length > 0 && $('#DepartureDate').val() != '') {
var data = $('#check-in').val();
var arr = data.split('/');
var datac = $('#DepartureDate').val();
var arr2 = datac.split('/');
var oneDay = 24*60*60*1000; // hours*minutes*seconds*milliseconds
var firstDate = new Date(arr[2],arr[0] -1,arr[1]);
var secondDate = new Date(arr2[2],arr2[0] -1,arr2[1]);
var diffDays = Math.round((firstDate.getTime() - secondDate.getTime())/(oneDay));
if ((diffDays) < 0)
{
diffDays = Math.abs(diffDays);
var link = "https://res.windsurfercrs.com/bbe/page1.aspx?propertyID=13841&checkin=" + arr[0] + "/" + arr[1] + "/" + arr[2] + "&nights=" + diffDays;
console.log(link);
window.location.href= link;
}
else
{
alert ('Please fill in correct Check-In and Check-Out dates. The Check-In date must be before the Check-Out date.');
}
} else {
alert ('Please fill in a Check-In and Check-Out date, thanks!');
}
});
});
</script>
The form looks like this: Code: <form action="#" onSubmit="_gaq.push(['_linkByPost',this]);" method="post" id="resForm"> <input type='text' name="checkin" id="check-in" readonly="readonly" style="cursor: text" data-default="MM/DD/YYYY" class='arrivaldate'/> <input name="checkout" id="DepartureDate" readonly="readonly" style="cursor: text" data-default="MM/DD/YYYY" class='departuredate'/> <input type="button" value="BOOK NOW" class='book-now' /> </form> Reply With Quote 01-25-2015, 12:46 AM #2 Old Pedant View Profile View Forum Posts Supreme Master coder! Join Date Feb 2009 Posts 28,310 Thanks 82 Thanked 4,754 Times in 4,716 Posts Just call the _gaq() function manually. Code: _gaq.push(['_linkByPost',document.getElementBy("resForm")])
window.location.href= link;
Hi All, I have created my second Form to File Web Form thanks to some help from other members. Looks great. I am still new to HTML and Javascript, but basically I took my First Web Form coding (with the Java Script) and manipulated it so that it suited my needs for my 2nd Form (both are very close to being the same). For some reason, I can't get my Java Script validation to take effect. I was wondering if some one could try to pin point why it isn't functioning properly? Again it could be the most obvious thing, but please bear with me as I learn. Just for a little more clarity, I am going to list the things that I have changed to possibly make it easier to pin point: Added Fields: Department, SteetAddress, CityState Deleted: State/Research Accounts, Vendor Checkbox Modified: "Type" which is a radio button that I have changed the choices of. I beleive that's it...I will post my Java Script here and attach my Index File. Thank you in advance!! Code: /********************************************************************************
*
* FORM VALIDATION
*
********************************************************************************/
// get the value of a radio button group:
function getRBValue(grp)
{
if ( grp.length == null ) return grp.checked ? grp.value : null;
for ( var g = 0; g < grp.length; ++g )
{
if ( grp[g].checked ) return grp[g].value;
}
return null;
}
// trim a string
function trim(fld)
{
var val = fld.value.replace(/^\s+/,"").replace(/\s+%/,"").toUpperCase();
fld.value = val;
return val;
}
var echk = /^([a-z][\w\-\'\.]*)+\@([a-z][\w\-\'\.]+\.)+[a-z]{2,6}$/i
function emailCheck( fld )
{
var email = trim( fld );
fld.value = email;
return echk.test(email);
}
var digonly = /[^\d]/g
function formatPhone( fld )
{
var ph = fld.value.replace( digonly, "" );
if ( ph.length != 10 ) return;
fld.value = "(" + ph.substring(0,3) + ") " + ph.substring(3,6) + "-" + ph.substring(6);
}
var phchk = /^\(\d\d\d\) \d\d\d\-\d\d\d\d$/
function phoneCheck( fld )
{
return phchk.test(fld.value);
}
function validateForm( frm )
{
var oops = "";
if ( trim( frm.elements["Username."] ).length < 5 )
oops += "You must enter your first and last name\n";
if ( ! emailCheck( frm.elements["Email."] ) )
oops += "That does not appear to be a valid email address\n";
if ( trim( frm.elements["Department."] ).length < 3)
oops += "You must enter your department name\n";
if ( ! phoneCheck( frm.elements["Phone."] ) )
oops += "That is not a valid 10-digit phone number\n";
if ( trim( frm.elements["ShipToBuildingRoom."] ).length < 5 )
oops += "You must enter your building and room information\n";
if ( trim( frm.elements["StreetAddress."] ).length < 5 )
oops += "You must enter your street address information\n";
if ( trim( frm.elements["CityZip."] ).length < 5 )
oops += "You must enter your city and zip code information\n";
apptype = getRBValue( frm.elements["Type."] );
if ( apptype == null )
oops += "You must check one class\n";
var app = getRBValue( frm.RequireApprovalYesNo );
if ( app == null )
oops += "You must specify whether or not approval is required.\n";
if ( app == "Yes" )
{
if ( trim( frm.Approver ).length < 5 )
oops += "You must enter the name of the approver\n";
if ( ! emailCheck( frm.ApprovalEmail ) )
oops += "The approval email is not a valid email address\n";
}
}
function showapp(yesno)
{
document.getElementById("APP1").style.display =
document.getElementById("APP2").style.display =
document.getElementById("APP3").style.display =
yesno ? "" : "none";
}
</SCRIPT>
how do i write a javascript code for a form that compromises of 3 text boxes and 2 buttons.the text boxes ask the user for: -a start number -an end number -and the number to multiply by -the 1st button "times table" ,which when clicked calls a function to calculate the times table and outputs the result in the textarea provided. -the second button is a "reset" button which when clicked clears the form restoring its original state. 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>
<title></title>
<style type="text/css">
.showHideDivs {
display: none
}
</style>
<script type="text/javascript">
function showHideDivs(){
var job = '';
for(i=0; i < oRadBtns.length; i++){
if(oRadBtns[i].checked){
job = oRadBtns[i].value;
}
}
switch (job){
case 'yes':
document.getElementById("nombre").style.display = "none";
document.getElementById("apellido").style.display = "none";
document.getElementById("empresa").style.display = "block";
document.getElementById("contacto").style.display = "block";
break;
case 'no':
document.getElementById("nombre").style.display = "block";
document.getElementById("apellido").style.display = "block";
document.getElementById("empresa").style.display = "none";
document.getElementById("contacto").style.display = "none";
}
}
window.onload=function(){
oRadBtns = document.getElementById('radBtnCont').getElementsByTagName('input');
for(i=0; i < oRadBtns.length; i++){
oRadBtns[i].onclick = showHideDivs;
}
showHideDivs();
}
</script>
</head>
<body>
<div id="radBtnCont">
<input type="radio" value="yes" name="job" checked="checked" />Yes
<br />
<input type="radio" value="no" name="job" />No
</div>
<div id="nombre" class="showHideDivs">This is nombre div</div>
<div id="apellido" class="showHideDivs">This is apellido div</div>
<div id="empresa" class="showHideDivs">This is empresa div</div>
<div id="contacto" class="showHideDivs">This is contacto div</div>
</body>
</html>
I found his basic code online for a popup login but I don't know how to get the information from it either into php variables or whatever i need to do Code: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
<head>
<title></title>
<style type="text/css">
#popupbox{
margin: 0;
margin-left: 40%;
margin-right: 40%;
margin-top: 50px;
padding-top: 10px;
width: 20%;
height: 150px;
position: absolute;
background: #FBFBF0;
border: solid #000000 2px;
z-index: 9;
font-family: arial;
visibility: hidden;
}
</style>
<script language="JavaScript" type="text/javascript">
function login(showhide){
if(showhide == "show"){
document.getElementById('popupbox').style.visibility="visible";
}else if(showhide == "hide"){
document.getElementById('popupbox').style.visibility="hidden";
}
}
</script>
</head>
<body>
<div id="popupbox">
<form name="login" action="" method="post">
<center>Username:</center>
<center><input name="username" size="14" /></center>
<center>Password:</center>
<center><input name="password" type="password" size="14" /></center>
<center><input type="submit" name="submit" value="login" /></center>
</form>
<br />
<center><a href="javascript:login('hide');">close</a></center>
</div>
<p>
Blablalblalbla Blablalblalbla Blablalblalbla Blablalblalbla BlablalblalblaBlablalblalblaBlablalblalblaBlablalblalbla
</p>
<p>
XYZ XYZ XYZ XYZ XYZ XYZ XYZ XYZ XYZ XYZ XYZ XYZ XYZ XYZ XYZ XYZ
</p>
<p><a href="javascript:login('show');">login</a></p>
</body>
</html>
I put the css on a separate page and just copied the login link and the javascripts. I don't know how to get the information into php variables so i can check it with the database. any help is appreciated! I know I'm just asking for the answer but I don't know javascript and i dont want to spend a month learning it just for a login form. If your going to just say go learn javascript then don't post . I need help with a JavaScript form validation code. I am using the form validation code that is found on this page: http://www.dynamicdrive.com/dynamici...uiredcheck.htm The code works fine for me, but what I'm trying to do is add an additional condition to it. Currently, I just have the code set up to check if the user has enter their name, email, and phone number. But I also need it to validate something else only if a specific condition is true. On my form I have 2 different sets of Radio lists. One is called Function and the other radio list is called Design. If the user selects an option on one of the 2 lists, then it will be required for the user to also select an option from the 2nd list. The user CAN decide not to select anything from either radio list, but can not select from one list and NOT from the other. This is the If statement that I created (don't know if its correct or how to insert it to my current validation code). Code: <script type="text/javascript">
if (Function+Design<1 or == 400 or == 800)
{document.write("Please select both a Function and Design Type");}
</script>
Hi, Please this form code is not working,please help correct me with the right code. When i did not enter anything onthe field require ,thealert does not pop up making the form inaccurate. Code: <script type="text/javascript">
function validateForm()
{
function CheckEmail()
var x=document.frmone.email.value;
var atpos=x.indexOf("@");
var dotpos=x.lastIndexOf(".");
if(atpos<1 || dotpos<atpos+2 ||x.length>30){
alert("not a valide email address");
return false
}
function CheckUsername()
{
var x=document.frmone.fname.value;
if(x==null || x==""){
alert("username is required");
return false
}
}
</script>
<form name="frmone" method="post" action="" onsubmit="validateForm()"/>
<input type="text" name="email"/>
<input type="submit" name="submit"/>
<input type="text" name="fname"/>
<input type="submit" name="submit"/>
</form>
Help me. Thanks. Clement Osei. Hello, What I need is a simple service area, zip code validation form that redirects to a certain URL when a valid zip code is submitted and a different URL when an invalid zip code is submitted. I found a form script example that works well with only a single zip code. My problem is I can't figure out how to modify it so that multiple zip codes are valid. Here is the head part. 60016 is one of about 50 valid zip codes I need the form to accept as valid - [code] <script> var correctCode = "60016"; function validateCode() { var code = document.getElementById("codeTextBox").value; if (code == correctCode) { window.location.href = "/ggc/test1"; } else { window.location.href = "/ggc/test2"; } } </script> [code] Here is the body part - [code] Please enter your zip code: <input type="text" name="codeTextBox" id="codeTextBox" /> <input type="submit" name="Submit" value="Submit" onclick="validateCode()" /> [code] I am trying to use some JavaScript code that I found by searching the web, my goal is to have a form with a "required" checkbox to force my users to acknowledge they have read my "Terms and Conditions" section. The code that I found ALMOST works properly - it does pop-up the "Alert" window when the checkbox is blank and the submit button is clicked... however, if the user closes the Alert window in order to click the checkbox in compliance, the "submit.form" command is executed before they have a chance. In other words, there is no "pause" in the execution of the script to allow the user to make the correction by clicking the checkbox. Here is the code: Code: <script LANGUAGE="JavaScript">
<!--
function ValidateForm(form){
ErrorText= "";
if ( form.terms.checked == false ) { alert ( "Please check the Terms & Conditions box." ); return false; }
if (ErrorText= "") { form.submit() }}
-->
</script>
Here is the HTML for the checkbox: Code: <input name="terms" type="checkbox" value="Yes" /> Here is the HTML for the submit button that calls the function: Code: <input type="submit" value="Continue" onclick="ValidateForm(this.form)" /> I've searched for other examples of code to accomplish this objective, but I'm hoping for a quicker solution by coming to the experts who can see the flaw in this JavaScript. Thanks for any help, Rob hello, I am trying to figure out how to hide the direction page in this code: I want to hide: www.ipage.com/mail/index.bml <INPUT TYPE="submit" NAME="Log In" VALUE="Check Mail" onclick="javascript:login.action='http://www.ipage.com/mail/index.bml?s=1';javascript:login.destination.value = '/mailadmin/index.bml?check=1';" > </TD> <TD> <INPUT TYPE="submit" NAME="Log In" VALUE="Manage Mail" onclick="javascript:login.action='https://secure.ipage.com/mailLogin';javascript:login.destination.value = '/mailadmin/index.bml?manage=1';"> any help is appreciated.... I have put this together and it looks to me like it should work but when i ht submit it does nothing, no error or anything, which makes it hard for me to diagnose. You all are much more experienced minds and may look at it and see my error right away (at least thats what im hoping) the point of this project is a form that will post(including pics) to a google spreadsheet. it may be i need to post this in the ajax forum, but its at least partially js so let me know thank you so much for your help all Code: <!DOCTYPE html>
<html>
<head>
<title>QC Observation</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js"></script>
</head>
<body>
<div>
<form id="form" target="_self" onsubmit="" action="">
<div class="ss-header-image-container"><div class="ss-header-image-image"><div class="ss-header-image-sizer"></div></div></div>
<div class="ss-top-of-page"><div class="ss-form-heading"><h1 class="ss-form-title" dir="ltr">QC Observation</h1>
<div class="ss-form"><form action="https://docs.google.com/forms/d/1jkIpSFH16SiNlsj13cBBRsuoiXmqeGVAI6PttCQiff8/formResponse" method="POST" id="ss-form" target="_self" onsubmit=""><ol role="list" class="ss-question-list" style="padding-left: 0">
<div class="ss-form-question errorbox-good" role="listitem">
<div dir="ltr" class="ss-item ss-item-required ss-select"><div class="ss-form-entry">
<label class="ss-q-item-label" for="entry_1344879795"><div class="ss-q-title">Bldg
<label for="itemView.getDomIdToLabel()" aria-label="(Required field)"></label>
<span class="ss-required-asterisk" aria-hidden="true">*</span></div>
<div class="ss-q-help ss-secondary-text" dir="ltr"></div></label>
<select name="entry.1344879795" id="entry_1344879795" aria-label="Bldg " aria-required="true" required=""><option value=""></option>
<option value="A Residence">A Residence</option> <option value="B Residence">B Residence</option> <option value="C Residence">C Residence</option> <option value="D Residence">D Residence</option> <option value="OSB">OSB</option> <option value="MNT">MNT</option> <option value="TWB">TWB</option> <option value="VP">VP</option> <option value="VM">VM</option> <option value="Site Dev">Site Dev</option></select>
<div class="required-message">This is a required question</div></div></div></div> <div class="ss-form-question errorbox-good" role="listitem">
<div dir="ltr" class="ss-item ss-item-required ss-select"><div class="ss-form-entry">
<label class="ss-q-item-label" for="entry_1358292836"><div class="ss-q-title">QC Representative
<label for="itemView.getDomIdToLabel()" aria-label="(Required field)"></label>
<span class="ss-required-asterisk" aria-hidden="true">*</span></div>
<div class="ss-q-help ss-secondary-text" dir="ltr"></div></label>
<select name="entry.1358292836" id="entry_1358292836" aria-label="QC Representative " aria-required="true" required=""><option value=""></option>
<option value="David Bradley">David Bradley</option> <option value="Ryan Harper">Ryan Harper</option> <option value="Herschell Mirick">Herschell Mirick</option> <option value="Bill Bejelis">Bill Bejelis</option> <option value="Nick Pappas">Nick Pappas</option> <option value="Stephen Gehrlich">Stephen Gehrlich</option> <option value="Beth Davis">Beth Davis</option> <option value="Ohene Akrofi">Ohene Akrofi</option> <option value="Mike Dow">Mike Dow</option> <option value="David Picknell">David Picknell</option> <option value="Lynne Viescas">Lynne Viescas</option></select>
<div class="required-message">This is a required question</div></div></div></div> <div class="ss-form-question errorbox-good" role="listitem">
<div dir="ltr" class="ss-item ss-item-required ss-select"><div class="ss-form-entry">
<label class="ss-q-item-label" for="entry_895392494"><div class="ss-q-title">Shop Responsible
<label for="itemView.getDomIdToLabel()" aria-label="(Required field)"></label>
<span class="ss-required-asterisk" aria-hidden="true">*</span></div>
<div class="ss-q-help ss-secondary-text" dir="ltr"></div></label>
<select name="entry.895392494" id="entry_895392494" aria-label="Shop Responsible " aria-required="true" required=""><option value=""></option>
<option value="Walls/Ceilings">Walls/Ceilings</option> <option value="Plumbing">Plumbing</option> <option value="Electrical">Electrical</option> <option value="HVAC/Sheet Metal">HVAC/Sheet Metal</option> <option value="Carpentry">Carpentry</option> <option value="Interiors">Interiors</option> <option value="Exteriors">Exteriors</option> <option value="Masonry">Masonry</option> <option value="Mechanics">Mechanics</option> <option value="Structural">Structural</option></select>
<div class="required-message">This is a required question</div></div></div></div> <div class="ss-form-question errorbox-good" role="listitem">
<div dir="ltr" class="ss-item ss-select"><div class="ss-form-entry">
<label class="ss-q-item-label" for="entry_1493538421"><div class="ss-q-title">Issue Type
</div>
<div class="ss-q-help ss-secondary-text" dir="ltr"></div></label>
<select name="entry.1493538421" id="entry_1493538421" aria-label="Issue Type "><option value=""></option>
<option value="Poor Workmanship">Poor Workmanship</option> <option value="Lack of Training">Lack of Training</option> <option value="Not Per Plans">Not Per Plans</option> <option value="Not Per Code">Not Per Code</option> <option value="Not Per Spec">Not Per Spec</option> <option value="Plan Conflict">Plan Conflict</option></select>
<div class="required-message">This is a required question</div></div></div></div> <div class="ss-form-question errorbox-good" role="listitem">
<div dir="ltr" class="ss-item ss-paragraph-text"><div class="ss-form-entry">
<label class="ss-q-item-label" for="entry_177485091"><div class="ss-q-title">Notes/Actions
</div>
<div class="ss-q-help ss-secondary-text" dir="ltr"></div></label>
<textarea name="entry.177485091" rows="8" cols="0" class="ss-q-long" id="entry_177485091" dir="auto" aria-label="Notes/Actions "></textarea>
<div class="error-message" id="754075454_errorMessage"></div>
<div class="required-message">This is a required question</div>
</div></div></div> <div class="ss-form-question errorbox-good" role="listitem">
<div dir="ltr" class="ss-item ss-item-required ss-date"><div class="ss-form-entry">
<label class="ss-q-item-label" for="entry_1875356531"><div class="ss-q-title">Follow-Up Date
<label for="itemView.getDomIdToLabel()" aria-label="(Required field)"></label>
<span class="ss-required-asterisk" aria-hidden="true">*</span></div>
<div class="ss-q-help ss-secondary-text" dir="ltr"></div></label>
<input type="date" name="entry.1875356531" value="" class="ss-q-date" dir="auto" id="entry_1875356531" aria-label="Follow-Up Date " aria-required="true" required="">
<div class="required-message">This is a required question</div></div></div></div>
<input type="hidden" name="draftResponse" value="[,,"3618330731406970920"]
">
<input type="hidden" name="pageHistory" value="0">
<input type="hidden" name="fbzx" value="3618330731406970920">
<tr>
<td>Image File</td>
<td>
<input type="file" name="uploadedFile" class="gwt-FileUpload">
</td>
</ol></div>
<div style="width: 100%; display: block; float: right;">
<button id="send" type="submit">
Send
</button>
</div>
</form>
</div>
<script type="text/javascript">
function postToGoogle() {
var field1 = $("input[type='radio'][name='qs1']:checked").val();
var field2 = $("input[type='radio'][name='qs2']:checked").val();
var field3 = $('#feed').val();
$.ajax({
url: "https://docs.google.com/forms/d/1jkIpSFH16SiNlsj13cBBRsuoiXmqeGVAI6PttCQiff8/formResponse",
data: {"entry.1023121230": field3, "entry.1230072460": field1, "entry.2113237615": field2},
type: "POST",
dataType: "xml",
statusCode: {
0: function() {
//Success message
},
200: function() {
//Success Message
}
}
});
}
$(document).ready(function(){
$('#form').submit(function() {
postToGoogle();
return false;
});
});
</script>
</body>
</html>
Reply With Quote 01-27-2015, 10:10 AM #2 Dormilich View Profile View Forum Posts Senior Coder Join Date Jan 2010 Location Behind the Wall Posts 3,532 Thanks 13 Thanked 372 Times in 368 Posts first you should verify whether your AJAX actually sends something off: open the browser’s dev tools and check the network panel for any outgoing requests. I might as well mention the SOP (same origin policy) here that governs which URLs you are allowed to contact. I have a document that contains four forms. I want to run a function only in the form the user is currently in. I keep getting the "document.my_form_name is undefined" error. I've tried all sorts of ways of doing this but can't find a solution. Here's a snippet of the HTML: Code: <form id="my_form_1" name="my_form_1" action="some action" method="POST"> // in here I call the function onchange_display_sel_droplist and // pass through the name of the form </form> <form id="my_form_2" name="my_form_2" action="some action" method="POST"> bla bla </form> Here's the part of the function in question: Code:
function onchange_display_sel_droplist(my_value, my_object, my_text_obj, my_form_name)
{
// create array with all the divs found
var arr = new Array();
arr = document.my_form_name.getElementsByTagName( "div" );
// loop through array
for(var i=0; i < arr.length; i++)
{
var tagId = document.my_form_name.getElementsByTagName( "div" ).item(i).id;
// find all the divs with ID "my_selected_div__"
if ( tagId.indexOf("add_selected_div__") > -1 )
{
// hide all
document.my_form_name.getElementById(tagId).style.display = "none";
}
}
// display selected object (droplist)
document.my_form_name.getElementById(my_object).style.display = "";
}
This is the code that I'm presently using: Code: <script language="JavaScript" type="text/javascript">
<!--
function Cal(obj){
var total=0;
var ticked=0;
for (var zxc0=1;zxc0<obj['B'].length;zxc0++){
if (obj['B'][zxc0].checked){
total+=obj['B'].length-1;
ticked+=zxc0;
}
}
for (var zxc1=1;zxc1<obj['C'].length;zxc1++){
if (obj['C'][zxc1].checked){
total+=obj['C'].length-1;
ticked+=zxc1;
}
}
for (var zxc2=1;zxc2<obj['D'].length;zxc2++){
if (obj['D'][zxc2].checked){
total+=obj['D'].length-1;
ticked+=zxc2;
}
}
for (var zxc2=1;zxc2<obj['E'].length;zxc2++){
if (obj['E'][zxc2].checked){
total+=obj['E'].length-1;
ticked+=zxc2;
}
}
for (var zxc2=1;zxc2<obj['F'].length;zxc2++){
if (obj['F'][zxc2].checked){
total+=obj['F'].length-1;
ticked+=zxc2;
}
}
for (var zxc2=1;zxc2<obj['G'].length;zxc2++){
if (obj['G'][zxc2].checked){
total+=obj['G'].length-1;
ticked+=zxc2;
}
}
for (var zxc2=1;zxc2<obj['H'].length;zxc2++){
if (obj['H'][zxc2].checked){
total+=obj['H'].length-1;
ticked+=zxc2;
}
}
for (var zxc2=1;zxc2<obj['I'].length;zxc2++){
if (obj['I'][zxc2].checked){
total+=obj['I'].length-1;
ticked+=zxc2;
}
}
for (var zxc2=1;zxc2<obj['J'].length;zxc2++){
if (obj['J'][zxc2].checked){
total+=obj['J'].length-1;
ticked+=zxc2;
}
}
for (var zxc2=1;zxc2<obj['K'].length;zxc2++){
if (obj['K'][zxc2].checked){
total+=obj['K'].length-1;
ticked+=zxc2;
}
}
for (var zxc2=1;zxc2<obj['L'].length;zxc2++){
if (obj['L'][zxc2].checked){
total+=obj['L'].length-1;
ticked+=zxc2;
}
}
for (var zxc2=1;zxc2<obj['M'].length;zxc2++){
if (obj['M'][zxc2].checked){
total+=obj['M'].length-1;
ticked+=zxc2;
}
}
for (var zxc2=1;zxc2<obj['N'].length;zxc2++){
if (obj['N'][zxc2].checked){
total+=obj['N'].length-1;
ticked+=zxc2;
}
}
for (var zxc2=1;zxc2<obj['O'].length;zxc2++){
if (obj['O'][zxc2].checked){
total+=obj['O'].length-1;
ticked+=zxc2;
}
}
for (var zxc2=1;zxc2<obj['P'].length;zxc2++){
if (obj['P'][zxc2].checked){
total+=obj['P'].length-1;
ticked+=zxc2;
}
}
for (var zxc2=1;zxc2<obj['Q'].length;zxc2++){
if (obj['Q'][zxc2].checked){
total+=obj['Q'].length-1;
ticked+=zxc2;
}
}
for (var zxc2=1;zxc2<obj['R'].length;zxc2++){
if (obj['R'][zxc2].checked){
total+=obj['R'].length-1;
ticked+=zxc2;
}
}
for (var zxc2=1;zxc2<obj['S'].length;zxc2++){
if (obj['S'][zxc2].checked){
total+=obj['S'].length-1;
ticked+=zxc2;
}
}
for (var zxc2=1;zxc2<obj['T'].length;zxc2++){
if (obj['T'][zxc2].checked){
total+=obj['T'].length-1;
ticked+=zxc2;
}
}
for (var zxc2=1;zxc2<obj['U'].length;zxc2++){
if (obj['U'][zxc2].checked){
total+=obj['U'].length-1;
ticked+=zxc2;
}
}
for (var zxc2=1;zxc2<obj['V'].length;zxc2++){
if (obj['V'][zxc2].checked){
total+=obj['V'].length-1;
ticked+=zxc2;
}
}
for (var zxc2=1;zxc2<obj['W'].length;zxc2++){
if (obj['W'][zxc2].checked){
total+=obj['W'].length-1;
ticked+=zxc2;
}
}
for (var zxc2=1;zxc2<obj['X'].length;zxc2++){
if (obj['X'][zxc2].checked){
total+=obj['X'].length-1;
ticked+=zxc2;
}
}
for (var zxc2=1;zxc2<obj['W'].length;zxc2++){
if (obj['W'][zxc2].checked){
total+=obj['W'].length-1;
ticked+=zxc2;
}
}
for (var zxc2=1;zxc2<obj['X'].length;zxc2++){
if (obj['X'][zxc2].checked){
total+=obj['X'].length-1;
ticked+=zxc2;
}
}
for (var zxc2=1;zxc2<obj['Y'].length;zxc2++){
if (obj['Y'][zxc2].checked){
total+=obj['Y'].length-1;
ticked+=zxc2;
}
}
for (var zxc2=1;zxc2<obj['Z'].length;zxc2++){
if (obj['Z'][zxc2].checked){
total+=obj['Z'].length-1;
ticked+=zxc2;
}
}
for (var zxc2=1;zxc2<obj['AA'].length;zxc2++){
if (obj['AA'][zxc2].checked){
total+=obj['AA'].length-1;
ticked+=zxc2;
}
}
for (var zxc2=1;zxc2<obj['AB'].length;zxc2++){
if (obj['AB'][zxc2].checked){
total+=obj['AB'].length-1;
ticked+=zxc2;
}
}
for (var zxc2=1;zxc2<obj['AC'].length;zxc2++){
if (obj['AC'][zxc2].checked){
total+=obj['AC'].length-1;
ticked+=zxc2;
}
}
for (var zxc2=1;zxc2<obj['AD'].length;zxc2++){
if (obj['AD'][zxc2].checked){
total+=obj['AD'].length-1;
ticked+=zxc2;
}
}
for (var zxc2=1;zxc2<obj['AE'].length;zxc2++){
if (obj['AE'][zxc2].checked){
total+=obj['AE'].length-1;
ticked+=zxc2;
}
}
for (var zxc2=1;zxc2<obj['AF'].length;zxc2++){
if (obj['AF'][zxc2].checked){
total+=obj['AF'].length-1;
ticked+=zxc2;
}
}
for (var zxc2=1;zxc2<obj['AG'].length;zxc2++){
if (obj['AG'][zxc2].checked){
total+=obj['AG'].length-1;
ticked+=zxc2;
}
}
for (var zxc2=1;zxc2<obj['AH'].length;zxc2++){
if (obj['AH'][zxc2].checked){
total+=obj['AH'].length-1;
ticked+=zxc2;
}
}
for (var zxc2=1;zxc2<obj['AI'].length;zxc2++){
if (obj['AI'][zxc2].checked){
total+=obj['AI'].length-1;
ticked+=zxc2;
}
}
for (var zxc2=1;zxc2<obj['AJ'].length;zxc2++){
if (obj['AJ'][zxc2].checked){
total+=obj['AJ'].length-1;
ticked+=zxc2;
}
}
for (var zxc2=1;zxc2<obj['AK'].length;zxc2++){
if (obj['AK'][zxc2].checked){
total+=obj['AK'].length-1;
ticked+=zxc2;
}
}
for (var zxc2=1;zxc2<obj['AL'].length;zxc2++){
if (obj['AL'][zxc2].checked){
total+=obj['AL'].length-1;
ticked+=zxc2;
}
}
for (var zxc2=1;zxc2<obj['AM'].length;zxc2++){
if (obj['AM'][zxc2].checked){
total+=obj['AM'].length-1;
ticked+=zxc2;
}
}
for (var zxc2=1;zxc2<obj['AN'].length;zxc2++){
if (obj['AN'][zxc2].checked){
total+=obj['AN'].length-1;
ticked+=zxc2;
}
}
for (var zxc2=1;zxc2<obj['AO'].length;zxc2++){
if (obj['AO'][zxc2].checked){
total+=obj['AO'].length-1;
ticked+=zxc2;
}
}
obj['Score'].value='Sco '+ticked+'/'+total;
}
//-->
</script>
However, what this piece of code does is that, every radio button gets only 1 point. What I intended is that every subsequent radio button in each <td> garners incremental points by 1. Eg: Q1, 1st radio button gets 0pt, 2nd radio button gets 1pt, 3rd radio button gets 2pt. Does anyone have any idea how to implement that, all help are greatly appreciated! I have been looking around for a while on google and have come accross a few things but still am unable to find the exact codes. I am trying to have a page setup so that when the user clicks a button it will add preset text to a form box and keep the chronological order of buttons that are clicked. This is going to be used for my ambulance service to assist dispatch so basically i am looking for preset buttons that the dispatcher can click disp. and have the dispatch and time added to a list in the form box that can later be copied and emailed to our cell phones. Thanks for any help. Hi everyone In the below code i tried to write java scirpt in action attribute of form tag in html . Why i wrote that was i want to get the scirpt variable as a part of the url of the target page . I also tried using the location.href="targetpage?value="+value . But It is not redirecting to targetpage because of the action attribute in the form tag. And if we use location.href without action attribute only that script variable was posted and all other remaining textboxes and other form items are being not posted .. Thats why I wrote the scirpt in action attribute. I want the action attribute to work and also the java script variable to be posted .so i wrote the script tag in action attribute of form tag . I hope u got the Scenario . Please help me to resolve the issue.. Thank in advance .. <!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=iso-8859-1" /> <title>Untitled Document</title> </head> <body> <? if($_POST['submit'] ) { $var = $_GET['width'] ; } ?> <form name="form_submit" method="post" action="test2.php?width= '<script type= text/javascript> document.write(num)</script>' " onsubmit="return fun(); "> <script type="text/javascript"> function fun() { width = screen.width; height = screen.height; if (width > 0 && height >0) { window.location.href = "http://localhost/test2.php?width=" + width + "&height=" + height; } else exit(); } </script> <input type="text" name="txt" value="sample text" /> <input type="submit" name="submit" value="submit" /> </form> </body> </html> here is the html code that i have PHP Code: <td valign="middle" valign="middle"> <input type="radio" name="gender" id="genderM" value="Male" /> Male <input type="radio" name="gender" id="genderFM" value="Female" /> Female </td> and here is the js funtion PHP Code: var $j = jQuery.noConflict(); function isValidEmail(str) { return (str.indexOf(".") > 2) && (str.indexOf("@") > 0); } function validateForm(){ var firstName; var lastName; var email; var mobile; var comment; var error; firstName = $j('#firstName').val(); lastName = $j('#lastName').val(); email = $j('#email').val(); mobile = $j('#mobile').val(); comment = $j('#comment').val(); if(firstName=='' || firstName.length < 3){ error = 'Please Enter Your First Name'; $j('#errormsg').html('<p class="errors">'+ error +'</p>'); return false; } if(lastName=='' || lastName.length < 3){ error = 'Please Enter Your Second Name'; $j('#errormsg').html('<p class="errors">'+ error +'</p>'); return false; } //mob //$jmob_pattern = '^\d{10}$j'; if(mobile.length != 10 || isNaN(mobile)){ error = 'Please Enter Your Mobile Number'; $j('#errormsg').html('<p class="errors">'+ error +'</p>'); return false; } if(email=='' || !isValidEmail(email)){ error = 'Please Enter Your Email Address'; $j('#errormsg').html('<p class="errors">'+ error +'</p>'); return false; } if(comment.length < 5){ error = 'Please Enter A Comment'; $j('#errormsg').html('<p class="errors">'+ error +'</p>'); return false; } return true; } Does anybody know how i check to see if the radio button is select and also can anybody tell me how i can check for an email in the correct format the function isValidEmail in the above alows emails to pass through if they are in this format aaa@aaa. i only want them to go through if they are aaa@aaa.com Thanks for your help if you give it If I have a javascript var in a webpage(html form textarea VALUE - yui) that contains html code, and want to appear it, in confirmformpage.php, then how to transfer it...? is it really needed go via PHP ...? and ofcourse use innerHTML to write it....yes I usually use an intermitened processform.php script. http://developer.yahoo.com/yui/editor This post will contain a few guidelines for what you can do to get better help from us. Let's start with the obvious ones: - Use regular language. A spelling mistake or two isn't anything I'd complain about, but 1337-speak, all-lower-case-with-no-punctuation or huge amounts of run-in text in a single paragraph doesn't make it easier for us to help you. - Be verbose. We can't look in our crystal bowl and see the problem you have, so describe it in as much detail as possible. - Cut-and-paste the problem code. Don't retype it into the post, do a cut-and-paste of the actual production code. It's hard to debug code if we can't see it, and this way you make sure any spelling errors or such are caught and no new ones are introduced. - Post code within code tags, like this [code]your code here[/code]. This will display like so: Code: alert("This is some JavaScript code!")
- Please, post the relevant code. If the code is large and complex, give us a link so we can see it in action, and just post snippets of it on the boards. - If the code is on an intranet or otherwise is not openly accessible, put it somewhere where we can access it. - Tell us any error messages from the JavaScript console in Firefox or Opera. (If you haven't tested it in those browsers, please do!) - If the code has both HTML/XML and JavaScript components, please show us both and not just part of it. - If the code has frames, iframes, objects, embeds, popups, XMLHttpRequest or similar components, tell us if you are trying it locally or from a server, and if the code is on the same or different servers. - We don't want to see the server side code in the form of PHP, PERL, ASP, JSP, ColdFusion or any other server side format. Show us the same code you send the browser. That is, show us the generated code, after the server has done it's thing. Generally, this is the code you see on a view-source in the browser, and specifically NOT the .php or .asp (or whatever) source code. |
|||||||