Learn VBA & Macros in 1 Week!

JavaScript - Dynamic Action & Submit Button Outside Of Form

Full Excel VBA Course - Beginner to Expert

Dynamic Action & Submit Button Outside Of Form	View Content

Here is the code for test.html:
Code:

<html>
	<head><title></title></head>
<body>

<script type="text/javascript">
	function OnSubmitForm(){
		document.myform.action ="insert.html";
		return true;
	}
</script>

<form name="myform" onsubmit="return OnSubmitForm()" method="get">
	<input type='radio' name='Search' value='test'>test</input>
</form>

<a href='javascript:document.myform.submit()'><img src='images/buttonnext.jpg'></a>

</body>
</html>

The way I want it to work:
when the img (buttonnext.jpg) is clicked, the form is submitted. When the form is submitted it runs the javascript, which sets the action to be that insert.html is loaded. i.e. the end result should be to redirect to insert.html?Search=test

The way that it is working now:
the page is redirected to test.html?Search=test

Note: If I use a submit button that is part of the form (i.e. input field with type "submit") the page is redirected correctly.

What do I need to change to accomplish my goal?

Full Excel VBA Course - Beginner to Expert

Similar Tutorials

Changing Form Code To Use Dynamic Url As Form Action

Change Form And Action And Then Auto Submit Question

Submit Onload With Dynamic Form Fields

Submit Button Outside The Form Tags

Submit Button Cannot Send Form To Asp

Replace Form Submit Button Onsubmit

Settimeout Problem With Submit Button In Form

Contact Form Without Redirecting-'submit' Button

Disable A Radio Button On Form Submit

Javascript Form Validation When Submit Button Is Pressed?

Javascript And Struts 2 <s:submit Action=>problem

Direct To Checkout Page After Submit Action Takes Place Onclick..

Double Action Php/javascript Button?

Onclick Submit Only Submits Once (more Than One Submit Button)

Submit Button And .submit() Question.

Pass Value Of An Input To A Forms "action" On Submit...

Dynamic Form Or Div With Dynamic Subform Or Subdivs

Js Newbie Needs Help With Form Action Please

Showing Action Of Form Into A Div

Learn VBA & Macros for Excel in 1 Week!

Changing Form Code To Use Dynamic Url As Form Action

Similar Tutorials

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;

Change Form And Action And Then Auto Submit Question

Similar Tutorials

Hi, I have a body onload doing multiple things, changing a select option value, changing the form submit action and then auto submitting.

Everything works fine until the auto submit part of it.

Code:

function run()
{
document.myform.myselect.selectedIndex = 1;
document.myform.action = 'page.php?x=1&y=2';
document.myform.submit();
}

<body onload="run()">

Thanks for any help with this

Submit Onload With Dynamic Form Fields

Similar Tutorials

Am integrating a Barclays epdq shopping cart into an existing website, part of the regulations with this system is that you can only submit from one 'allowed url'. To enable access from multiple url's I need to create a 'jump page'.

This needs to be a simple page that takes any variables posted to it and re-posts them (onload) onto the epdq shopping cart.

The problem is I am unable to populate the form dynamically and submit onload. I have tested and it all works fine if hardcoded.

Is it possible to submit a dynamically generated form using javascript?

PHP Code:
foreach ($_POST as $name => $value){
$newVars .= '<INPUT value="' . $value . '" name="' . $name .'" type="hidden" />';
}

Code:

<html>
<head></head>
<body onLoad="document.epdqformer.submit();">
<FORM name="epdqformer" id="epdqformer" action="https://secure2.epdq.co.uk/cgi-bin/CcxBarclaysEpdq.e" method="POST">
 
	 PHP Code:

	 
		
			 
<?php print "$newVars"; ?>

 
		
	


</FORM>
</body>
</html>

Submit Button Outside The Form Tags

Similar Tutorials

Is there a way so that I can move the submit button outside of the form tags? and if this is possible, can you make it with multiple text boxes, each with their corresponding submit button?

heres the coding

Code:

<html>
<head>
<script type="text/javascript">
<!--
function gotoURL() {
var newURL = document.url2go.go.value
document.location.href=newURL
}
//-->
</script>
</head>
<body>



<form action="javaScript:gotoURL()" method="get" name="url2go">
<input type="text" name="go" value="http://" size="50">
<INPUT TYPE="image" SRC="" id="go" HEIGHT="150" WIDTH="150" BORDER="0" ALT="Submit Form">
</form>
</body>
</html>

Submit Button Cannot Send Form To Asp

Similar Tutorials

Hi, i'm sabrina from Asia. i'm new here and a new student in javascript. My english language is not fluent.i'm really sorry about that. i really need help in my assignment. i've already create a form that will pop up an alert message if there is an empty input. it went great. but after i edit <form onSubmit="return formValidator()"> to <form onSubmit="return formValidator()" action="html_form_submit.asp" method="get">
i don't know why my submit button cannot send this form to html_form_action.asp. Please help me.. below is the code that i've done so far..thank you.

<html><head>
<title>Kelab ICT OUM</title>
</head>

<body>
<script type="text/javascript">

function formValidator(){
var nama=document.getElementById("nama");
var umur=document.getElementById("umur");
var tarikh=document.getElementById("tarikh");
var poskod=document.getElementById("poskod");
var email=document.getElementById("email");
var alamat=document.getElementById("alamat");
var negeri=document.getElementById("negeri");

if(isAlphanumeric(nama,"Sila isi nama anda")){
if(isNumeric(tarikh,"Sila isi tarikh lahir")){
if(isNumeric(umur,"Sila isi umur")){
if(isNumeric(poskod,"Sila isi poskod")){
if(emailValidator(email,"Sila isi email anda")){
if(lengthRestriction(alamat,"Sila masukkan alamat anda")){
if(madeSelection(negeri,"Sila pilih Negeri")){
return true;
}
}
}
}
}
}
}
return false;
}

function notEmpty(elem, helperMsg){
if(elem.value.length=0)
{
alert(helperMsg);
alem.focus();
return false;
}
return true;
}

function isNumeric(elem, helperMsg){
var numericExpression = /^[0-9]+$/;
if(elem.value.match(numericExpression))
{
return true;
}else{
alert(helperMsg);
elem.focus();
return false;
}
}

function isAlphanumeric(elem, helperMsg){
var alphaExp=/^[0-9a-zA-Z]+$/;
if(elem.value.match(alphaExp))
{
return true;
}else{
alert(helperMsg);
elem.focus();
return false;
}
}

function emailValidator(elem, helperMsg){
var emailExp=/^[\w\-\.\+]+\@[a-zA-Z0-9\.\-]+\.[a-zAz0-9]{2,4}$/;
if(elem.value.match(emailExp))
{
return true;
}else{
alert(helperMsg);
elem.focus();
return false;
}
}

function lengthRestriction(elem,helperMsg){
var uInput=elem.value;
if(uInput.length>15)
{
return true;
} else{
alert(helperMsg);
elem.focus();
return false;
}
}

function madeSelection(elem, helperMsg){
if(elem.value == "Pilih")
{
alert(helperMsg);
elem.focus();
return false;
} else{
return true;
}
}

</script>

<form onSubmit="return formValidator()" action="html_form_submit.asp" method="get">

<table border="1" cellpadding="10" width="300">
<tr>
<td colspan="3"><h1>Kelab iCT OUM</h1></td>
</tr>

<tr>
<td>Nama</td>
<td colspan="3"><input type="text" size="80" id="nama"</td>
</tr>

<tr>
<td>Jantina</td>
<td><input type= "radio" Name="Jantina" id="Jantina" value="p">Perempuan
<br><input type= "radio" Name="Jantina" id="Jantina" value="l">Lelaki</td>
<td>Umur  <input type="text" size="10" id="umur">  Tahun
<br><br> Tarikh Lahir   <input type="text" size="10" id="tarikh">
</tr>

<tr>
<td>Alamat</td>
<td><textarea name= "comments" rows="6" cols="20" wrap="virtual" id="alamat"> </textarea></td>
<td>Poskod  <input type="text" size="10" id="poskod">
<br><br>Negeri  
<select name= "negeri" id = "negeri">
<option value="Pilih" selected="select">Pilih</option>
<option value="Perlis">Perlis</option>
<option value="Kedah">Kedah</option>
<option value="Perak">Perak</option>
<option value="Selangor">Selangor</option>
<option value="Negeri Sembilan">Negeri Sembilan</option>
<option value="Melaka">Melaka</option>
<option value="Kelantan">Kelantan</option>
<option value="Pahang">Pahang</option>
<option value="Terengganu">Terengganu</option>
<option value="Johor">Johor</option>
<option value="Wilayah Persekutuan">Wilayah Persekutuan</option>
<option value="Sabah">Sabah</option>
<option value="Sarawak">Sarawak</option>
</select>
<br><br>Email  <input type="text" size="10" id="email"></td>
</tr>
</table><br>
<input type="submit" value="Submit">   <input type= reset value ="Reset">
</form>

</body>
</html>

Replace Form Submit Button Onsubmit

Similar Tutorials

I am wondering if it is possible for me to replace my form submit button with an animated gif (fake progress bar), after the button has been pressed.

Having so far disabled the button onclick, I would instead be happy if I could simply change the button text from 'Click here to submit' to 'Processing...'

I have done some searches here but I'm finding references to innerHTML, etc., and I'm getting lost now.

Is this an easy thing to do? TIA

Settimeout Problem With Submit Button In Form

Similar Tutorials

Hello,

I have two frames, one to the left, one to the right.
The left one contains a form, which I'm using to take in user input, and at the same time to refresh the frame on the right.

The left frame's code is:

Code:

<html>
<head>
<script type="text/javascript">
function reload_right_frame()
{ 
parent.right_frame.location.reload();
}
</script>
</head>

<form method="post">
<input type="submit" value="Enter"  onClick="reload_right_frame();">
<input type='text' name='userinput'>
</form>

<?php
echo "You entered: " . $_POST['userinput'];
?>

</html>

This succeeds in spewing out what the user entered, and simultaneously refreshing the right-hand frame.

However, I want there to be a delay in refreshing the right-hand frame, so I changed the left-frame coding as follows:

Code:

<html>
<head>
<script type="text/javascript">
function delayed_reload()
{
var t=setTimeout("reloadframe()",3000);
}
function reload_right_frame()
{ 
parent.right_frame.location.reload();
}
</script>
</head>

<form method="post">
<input type="submit" value="Enter"  onClick="delayed_reload();">
<input type='text' name='userinput'>
</form>

<?php
echo "You entered: " . $_POST['userinput'];
?>

</html>

This is where it stops working. The right-hand frame is not reloaded at all. I want it to reload after 3 seconds. The user input text is spewed out, though.

If I change the input type from "submit" to "button", however, the delayed reload of the right-hand frame works fine, but then the user input text fails to show.

How can I make both form and delayed reload both work? I'm probably missing something obvious.

Thanks in advance for any help!

Contact Form Without Redirecting-'submit' Button

Similar Tutorials

Friends, I want a simple contact form of 3 fields on my website which emails data on my email address or write a file on my server or just other any way inform me that data.

But I dont want that "submit" button redirects to other 'thankyou' page where code is located.

Plzzzzzzzz suggest or tell me what I have to do??

Disable A Radio Button On Form Submit

Similar Tutorials

Hello all,

I have 2 radio buttons
update bsc value
update mnr value

when user selects update mnr value, two more radio buttons should appear.
I have mnr value
I do not have mnr value.

On selecing I do not have mnr value im submitting the form and enabling the user to select values from dropdown. ( not shown in the code as it is a coldfusion code.).

On submit I am not able to still keep the 'but2', and 'my_select3' elements disabled.

Please advice. I have been working on this since quite sometime.

<script language="JavaScript">
function makeChoice() {
var obj1 = document.getElementById('box1')
var obj2 = document.getElementById('box2')
if (document.getElementById('but1').checked) {
obj2.setAttribute('readOnly','readonly');
obj1.removeAttribute('readOnly');
document.getElementById('but1').disabled=true;
document.getElementById('but2').disabled=true;
}
else if (document.getElementById('but2').checked) {

obj1.setAttribute('readOnly','readonly');
obj2.removeAttribute('readOnly');
document.getElementById('but2').disabled=true;
document.getElementById('but1').disabled=true;

}

}
</script>

<script type="text/javascript">
function showSelect() {

if (document.getElementById('but2').checked)
{
document.getElementById('but2').disabled=true;
}

}
</script>

<script type="text/javascript">
function showSelect1() {
if (document.getElementById('but2').checked)
{
document.myform.submit();
document.getElementById('but2').disabled=true
document.getElementById('my_select3').disabled=true
}

}
</script>

<td><input type="radio" id="but1" name="vals" onclick="makeChoice()"></td>
<td>Update BSC Value </td>

<tr>
<td><input type="radio" id="but2" name="vals" onclick="makeChoice();showSelect();" ></td>
<td>Update MNR Value </td>

<td> <input id="my_select1" class="show" type="radio" name="my_select1" onclick="this.myform['my_select1'].disabled=true"></td>

<td> I have a Position Number </td>

<td><input id="my_select3" class="show" type="radio" name="my_select3" onclick="showSelect1();"></td>

<td> I do not have a Position Number </td>

Javascript Form Validation When Submit Button Is Pressed?

Similar Tutorials

Hello all

I created a form which has a lot of textboxes, checkboxes and select-lists which are getting filled up by the records from a database table. I am basically creating an edit screen for a record.

No I want to check all these input elements using javascript validation. I want this to performed when a button "Archive" is pressed.

My problem is this "Archive button" needs to be a submit button. This does run the javascript validation but after completing the validation it submits the form. I want that submission should be stopped when the validation is violated. how can I do this?

What I want is a button which acts as a default button (triggers the onclick event when I press enter) but submits only if the form is valid.

Javascript And Struts 2 <s:submit Action=>problem

Similar Tutorials

Hello everyone,
I have a webpage with three different search options. Each option has a radio button clicking on which enables the text fields and buttons in that option with the help of java script. The first options allows to search by PIN. Second one by SSN, DOB and DOBRange, And 3rd one by various combinations of the name. The javascript I use to do this is given below:
Code:

function chMd()
{
 // initialize form with empty field
 document.forms[0].PIN.disabled=false;
 document.forms[0].PIN.value="";
 document.forms[0].SSNfirst.disabled=false;
 document.forms[0].DOBRange1.disabled=false;
 document.forms[0].DOBRange1.value="";
 document.forms[0].DOBRange2.disabled=false;
 document.forms[0].DOBRange2.value="";
 document.forms[0].LastName.disabled=false;
 document.forms[0].LastName.value="";
 document.forms[0].FirstName.disabled=false;
 document.forms[0].FirstName.value="";
 document.forms[0].MiddleName.disabled=false;
 document.forms[0].MiddleName.value="";
 document.forms[0].Last4.disabled=false;
 document.forms[0].Last4.value="";
 document.forms[0].First4.disabled=false;
 document.forms[0].First4.value="";
 document.forms[0].DOB1.disabled=false;
 document.forms[0].DOB2.disabled=false;
 document.forms[0].Option1.disabled=false;
 document.forms[0].Option2.disabled=false;
 document.forms[0].Option3.disabled=false;
 for(var i=0;i<document.forms[0].elements.length;i++)
 {
   if(document.forms[0].elements[i].name=="dOption")
   {
    if(document.forms[0].elements[i].value=="N")
    {
      if(document.forms[0].elements[i].checked==true){

       document.forms[0].PIN.disabled=false;
       document.forms[0].SSNfirst.disabled=true;
       document.forms[0].DOB1.disabled=true;
       document.forms[0].DOBRange1.disabled=true;
       document.forms[0].DOB2.disabled=true;
       document.forms[0].DOBRange2.disabled=true;
       document.forms[0].LastName.disabled=true;
       document.forms[0].FirstName.disabled=true;
       document.forms[0].MiddleName.disabled=true;
       document.forms[0].Last4.disabled=true;
       document.forms[0].First4.disabled=true;
       document.forms[0].Option1.disabled=false;
       document.forms[0].Option2.disabled=true;
       document.forms[0].Option3.disabled=true;
      }
    }
    else if(document.forms[0].elements[i].value=="T")
    {
      if(document.forms[0].elements[i].checked==true){
    	  document.forms[0].PIN.disabled=true;
          document.forms[0].SSNfirst.disabled=false;
          document.forms[0].Last4.disabled=false;
          document.forms[0].DOB1.disabled=false;
          document.forms[0].DOBRange1.disabled=false;
          document.forms[0].DOB2.disabled=true;
          document.forms[0].DOBRange2.disabled=true;
          document.forms[0].LastName.disabled=true;
          document.forms[0].FirstName.disabled=true;
          document.forms[0].MiddleName.disabled=true;
          document.forms[0].First4.disabled=true;
          document.forms[0].Option1.disabled=true;
          document.forms[0].Option2.disabled=false;
          document.forms[0].Option3.disabled=true;
          
      }
    }
    else if(document.forms[0].elements[i].value=="R")
    {
      if(document.forms[0].elements[i].checked==true){
    	  document.forms[0].PIN.disabled=true;
          document.forms[0].SSNfirst.disabled=true;
          document.forms[0].Last4.disabled=true;
          document.forms[0].DOB1.disabled=true;
          document.forms[0].DOBRange1.disabled=true;
          document.forms[0].DOB2.disabled=false;
          document.forms[0].DOBRange2.disabled=false;
          document.forms[0].LastName.disabled=false;
          document.forms[0].FirstName.disabled=false;
          document.forms[0].MiddleName.disabled=false;
          document.forms[0].First4.disabled=false;
          document.forms[0].Option1.disabled=true;
          document.forms[0].Option2.disabled=true;
          document.forms[0].Option3.disabled=false;
      }
    }
   }
 }
}

This works fine but the problem is we have 3 submit buttons with differnt actions using the normal <s:submit> works fine but when I use <s:submit action="Search1"> the javascript does not render. Here is an example of my jsp code:
Code:

<s:form id="Search" name="units" action="Search1">
....
...

<Table>
<tr><td> <input name="dOption" value="T" onClick="chMd()" type="radio">
  Option 2 <br /></td></tr>
<tr> 
<td>
<s:textfield  name="crssn" label="SSN:" size="9" maxlength="9" disabled="true" value="xxxxxxxxx" onclick="clearText(this);"onblur="clearText(this);"  required="true"/></td>
<td><br><s:checkbox name="last4" label="Last 4" labelposition="bottom" disabled="true"/></td></tr>
<tr><td><s:textfield label="DOB:" name="crdob1" size="10" maxlength="10" disabled="true" value="mm/dd/yyyy" onclick="clearText(this);"onblur="clearText(this);" /></td>
<td><s:textfield name="crrange1" label="+/- months" size="1" disabled="true" /></td><td>&nbsp;</td><td>&nbsp;</td>
<td>
<s:submit action="Search2" name="Option2" value="Search"/></td></tr>
</Table>

Similarly for the other options. This does not seem to work. However if I use the same code without specifying an action it works.
e.g.
Code:

<Table>
<tr><td> <input name="dOption" value="T" onClick="chMd()" type="radio">
  Option 2 <br /></td></tr>
<tr> 
<td>
<s:textfield  name="crssn" label="SSN:" size="9" maxlength="9" disabled="true" value="xxxxxxxxx" onclick="clearText(this);"onblur="clearText(this);"  required="true"/></td>
<td><br><s:checkbox name="last4" label="Last 4" labelposition="bottom" disabled="true"/></td></tr>
<tr><td><s:textfield label="DOB:" name="crdob1" size="10" maxlength="10" disabled="true" value="mm/dd/yyyy" onclick="clearText(this);"onblur="clearText(this);" /></td>
<td><s:textfield name="crrange1" label="+/- months" size="1" disabled="true" /></td><td>&nbsp;</td><td>&nbsp;</td>
<td>
<s:submit name="Option2" value="Search"/></td></tr>
</Table>

Code:

<Table>
<tr><td> <input name="dOption" value="T" onClick="chMd()" type="radio">
  Option 2 <br /></td></tr>
<tr> 
<td>
<s:textfield  name="crssn" label="SSN:" size="9" maxlength="9" disabled="true" value="xxxxxxxxx" onclick="clearText(this);"onblur="clearText(this);"  required="true"/></td>
<td><br><s:checkbox name="last4" label="Last 4" labelposition="bottom" disabled="true"/></td></tr>
<tr><td><s:textfield label="DOB:" name="crdob1" size="10" maxlength="10" disabled="true" value="mm/dd/yyyy" onclick="clearText(this);"onblur="clearText(this);" /></td>
<td><s:textfield name="crrange1" label="+/- months" size="1" disabled="true" /></td><td>&nbsp;</td><td>&nbsp;</td>
<td>
<s:submit action="Search2" name="Option2" value="Search"/></td></tr>
</Table>

Any idea what I need to change in my javascript or jsp to get this to work?

Direct To Checkout Page After Submit Action Takes Place Onclick..

Similar Tutorials

On my site's shopping cart, when clicking the "buy" button, it merely animates a little item that shows that something is now in the customer's cart. I'd like it to do this, and then redirect to "/cart", cutting down the work of what the user actually has to do (we only have one product).

Here's what I'm working with:


{% if featuredproduct.available %}
<span class="featured-product price"><span>{{ featuredproduct.price | money }}</span>{% if featuredproduct.compare_at_price_max > featuredproduct.price %} <del>{{ featuredproduct.compare_at_price | money }}</del>{% endif %}</span>

<input type="submit" value="{{ settings.text_addtocart }}" class=" add-to-cart addtocart button primary">

{% else %}
<h3 class="featured-product price sold-out"><span>Sold Out</span></h3>
<input type="submit" value="{{ settings.text_addtocart }}" class="featured-product add-to-cart button primary disabled" disabled="disabled ">
{% endif %}


Adding an "onclick="location.href='/cart';" after the input classes does not fire the actual act of adding the item to the cart, so it shows an empty cart on the redirect.

JS newbie, sorry for the rough explanation. Any help greatly appreciated!

Double Action Php/javascript Button?

Similar Tutorials

Hello,

I'm trying to achieve what seems pretty simple, I have achieved both aspects successfully by themselves but together I have not

I am trying to submit a form data via post, then I'm also trying to redirect

I have got the window.location working

I have the database writing working however I can't seem to get them to work sequentially

I think the reason is that the post action redirects to itself, then the initial setinterval request is gone

I try to do the sequential action this way
Code:

<a href=# onclick="document.forms['frm'].submit();redirect();">Submit</a>

So, either the data posts and I'm stuck at the same page, or it redirects and the data doesn't post

What am I missing? I read that to have multiple functions by one click, you separate them with a semi-colon as I have done

I think as I mentioned that the key is the post to PHP_SELF which "nullifies" the redirect request eg. it never existed

So what do I do? Also I'm not after the time interval, I was just trying to find a way for a user to be notified "Hey you're going to be redirected" by an alert (which I had this pop up working as well) then when they press okay, they are redirected. Ideally the user enters data, data is stored, pop-up, hit okay, redirect

Thanks for any help

Onclick Submit Only Submits Once (more Than One Submit Button)

Similar Tutorials

I have created some online software which uses form data to submit to another page.

The problem is that I have other submit buttons in the same form which submit to different pages (depending on which button is pressed).

The first submit button works fine but all the others only work once.
Code:

<input class="cssbutton" type='submit' value='Button1' onclick="wbform.action='page1.php'; target='mainFrame'; return true;">
<input class="cssbutton" type='submit' value='Button2' onclick="wbform.action='page2.php'; target='_blank'; return true;">

<input class="cssbutton" type='submit' value='Button3' onclick="wbform.action='page3.php'; target='topFrame'; return true;">
<input class="cssbutton" type='submit' value='Button4' onclick="wbform.action='page4.php'; target='topFrame'; return true;">

<input class="cssbutton" type='submit' value='Button5' onclick="wbform.action='page5.php'; target='_blank'; return true;">
<input class="cssbutton" type='submit' value='Button6' onclick="wbform.action='page6.php'; target='_blank'; return true;">

Any ideas my friends?

Submit Button And .submit() Question.

Similar Tutorials

I am trying to auto submit a login form remotely using .submit() . It's submitting, but for some reason if I use submit() the login isn't processing.
However, if I turn off the auto submit and use an actual submit button it logs in just fine.

Now, in the form tag there is a call onsubmit for some validation, does .submit() trigger that form onsubmit="" function?

Is there something that happens differently when a user clicks a button verses the .submit().

Thanks!
Paul

Pass Value Of An Input To A Forms "action" On Submit...

Similar Tutorials

What needs to be done to have the below input (red) passed to the forms action (blue) when the submit button is pressed. Obviously this should be the user input value and not the default 0.00 one.

Ty.

echo '
<center>
<form method="post" action="https://www.paymate.com/PayMate/ExpressPayment?mid=MoreBloodWine&popup=false&ref=EoJ Market Place Donation&currency=USD&amt= 1.23 &amt_editable=N&return=http://www.eojmarket.com">
Donation Amount: $<input style="vertical-align: middle; color: #FFFFFF; background-color: transparent; border: 1px solid; border-color: #9E853D; padding: 0px 0px 0px 1px; font-size: 10px; width: 50px;" name="amount" type="text" maxlength="6" value=" 0.00 ">
<br />
<input type="image" style="padding-top: 10px; padding-bottom: 10px; border: none;" src="http://www.eojmarket.com/NonForumStuff/images/paymate-donate-button.png" value="Submit" alt="Pay with Paymate Express !"/>
</form>
</center>
';

Form Action

Similar Tutorials

Hi - Im pretty new to all this! Have created a form on my website, uploaded database to server, but when the form is submitted - instead of opening the property selection, it just lists the Index of /home/properties and files within that folder. Can anyone help me please? Perky

Dynamic Form Or Div With Dynamic Subform Or Subdivs

Similar Tutorials

Hi All,
i know how to create a dynamic form or DIv ..but what i do not know is how to create a dynamic form/ or div into a previous dynamic one..

i need basically to see 5 dynamic forms / DIV in cascade where each one trigger the one coming after..

For what i need that :

i have my user inserting information on the level 1. let say Copagny info
2- then he will be asked if he wants to add a sub level information ( subform) for that compagny or even many subforms at the same level ..
and so on...

3- those sub level ( subforms ) can also call their respective subforms..

Any idea how to design this ?

thanks

Js Newbie Needs Help With Form Action Please

Similar Tutorials

OK I basically have a form field called prepend and if someone enters something in there I want it to prepend to my form action=""

how can I insert anything into action ="" depending on what is entered

I hope this makes sense. I AM SO LOST

<script type="text/javascript">
function SearchGo(){
var searchField = document.getElementById("SearchInput");
var url = "http://url"
document.location = url + encodeURIComponent(searchField.value);
}
</script>

//field where URL will be entered and needs to be prepended
<input type="text" name="prepend">

//form output is here
<form name="searchform" target="_blank" action="";>

<input type="button" value="Search" onClick="SearchGo();"/>

Showing Action Of Form Into A Div

Similar Tutorials

Hello guys,

so i have a problem. i have a css/div box, and i have a login form.
what im tryn to do is make it so that when i login, it it takes whats in the action of the form and shows it in the div box. the div box is like one of those cool popup boxes, it's done by using javascript and css.

anyway, the div box works. the login form works. i just haven't been able to figure out how to get it to appear in the div instead of into a new page.

so if any1 can help that would be much appreciated!

here's my code:

Code:

<head><link rel="stylesheet" type="text/css" href="main.css" />
<link rel="stylesheet" type="text/css" href="popup.css" /></head>

<form name="Login" method="post" action="login/check.php">
<table border="0" cellpadding="0" cellspacing="0">
<tr>
<td>Username:</td>
<td>Password:</td>
</tr>
<tr>
<td><input name="myusername" type="text" class="txt" id="myusername"></td>
<td><input name="mypassword" type="password" class="txt" id="mypassword"></td>
<td><input type="submit" class="btn" name="Submit" value="Login" onmouseover='this.style.cursor="pointer" ' onfocus='this.blur();' onclick="document.getElementById('PopUp').style.display = 'block' "></td></tr>
</table>
</form>

<div id='PopUp'>
<br />
<div id="close">
<a id="link" 
        onmouseover='this.style.cursor="pointer"' 
        onfocus='this.blur();' 
        onclick="document.getElementById('PopUp').style.display = 'none'">
        <span id="span">Close</span></a>
</div>
</div>