JavaScript - Stumped On Putting Input=submit Button On Same Line

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

I have a very small script that simply displays a search box and redirects a user to a URL if they enter 29401 or 29455, else they go to a default page.

The script works fine, but I cannot figure out how to make value="enter a zip code" in the input box so that it disappears when you click in the box.

I also can't get the form to submit by pressing enter, you have to click "check".

I can get all this working in straight HTML but the same won't work w/ javascript.

Any help please?


<SCRIPT LANGUAGE="JavaScript">
function zipValidate(){
val = document.zipForm.zip.value;

switch(val){
case "29401":
case "29455":
document.location = 'http://www.gohere.com';
break;
default:
document.location = 'http://www.or-go-here.com';
break;
}
}
</SCRIPT>
<form name="zipForm" id="zipForm" method="post" action="">
<input name="zip" type="text" id="zip" maxlength="5" />
<input name="zipButton" type="button" id="zipButton" value="Check" onclick="zipValidate()" />
</form>

Hi,

i have an input value array for customer ids, i also need to make a copy of that array into another input element on submit to use for another process.

So far here is what i have come up with regarding the js


the current html is this

Code:

<!-- original input -->

<input id="cb<?php echo $i;?>" name="cid[]" value="<?php echo $commissions[$i]['id'];?>" onclick="isChecked(this.checked);" type="checkbox" />


<!-- this is new html input which  is outside the $i loop that i need a copy of cid[] stored on submit

<input type="hidden" name="ids[]" onsubmit="valueTovalue();" />


<!-- here is the js so far --> 

<script type="text/javascript">

function valueTovalue()
{

 var valin = document.adminForm.cid.value;  //cid is the array cid[]
 document.adminForm.ids.value = valin; //copy the array to the new input element array ids

}

</script>

so basically if they click 1 cid then ids will also show 1, if they click all cid then ids will show all as well.

will that work the way i have it, am i even close here..

thanks

update: what i have seems to work fine for text values or string values but not for arrays, what am i missing that it wont copy an array?




Array
(
[cid] => Array
(
[0] => 1
)

[task] => remarksonly
[remark] => hhhyyy
[boxchecked] => 1
[ids] => Array
(
[0] =>
)

)




am i getting closer lol


Code:

function valueTovalue()
{
 var valin = cid.concat;  
 document.adminForm.ids.value = valin.concat; 

return(true);

this has to be close i hope

Code:

document.adminForm.ids.value = [].concat(document.adminForm.cid);

Hello there,

I want to build a form which invokes an ajax-function and therefore the page shouldn't reload.

The problem is I don't want to avoid the autocompletion of the browser. But to save the input i have to submit the form regularly, which means 'onSubmit="return false;"' doesn't work.

Is there any possibility or is this technique just impossible?

Thx for reading and thinking about it!


This is the current code, which works fine, but the browser doesn't save the (non-)submitted input.
(The submit will be invoked by the "getSuggests()"-function.)
Code:

        <form id="mytaste-selection" name="mytaste-selection" autocomplete="on" onSubmit="return false;">
            <fieldset>
                <legend>
                Search
                </legend>
                <div style="padding: 0px 0px;">
                    <label class="standard">Artist:</label>
                    <input id="mytaste-artist" name="mytaste-artist" class="standard text" type="text" autocomplete="on"/>
                    <label class="standard">Title:</label>
                    <input id="mytaste-title" name="mytaste-title" class="standard text" type="text" autocomplete="on"/>
                </div>
                <div class="button" onclick="getSuggests(urlEncode(getElementById('mytaste-artist').value),urlEncode(getElementById('mytaste-title').value),(getElementById('top').checked)?'top':'similar');">
                Search
                </div>
                <div>
                    <label class="standard">Top Tracks</label>
                    <input class="standard radio" name="method_type" id="top" type="radio" checked="checked"/>
                    <label class="standard" style="margin: 2px 2px 2px 20px;">Similar Tracks</label>
                    <input class="standard radio" name="method_type" id="similar" type="radio"/>
                </div>
            </fieldset>

        </form>

PS: If anything isn't clear please inform, if you also think that this issue is tricky, just answer with "Tricky"
PPS: you can have a look at the page at http://mytaste.alitility.com

This is probable very easy, I've tried with normal html and am unable to get my head around it.

I would like to in some way replicate how a web browser works.

I have a form entry field with a submit button at the top of the page.
Under that I have an iframe.

I copy the url http://www.bbc.co.uk into the entry field, click submit and the iframe updates with the website. Have looked around and haven't found anything similar.

Code so far....

<form target="myURL">
<input type="text" name="goTo">
<input type="submit" name="submit" value="submit">
</form>
<iframe src="" name="myURL" border="0" frameborder="0" width="768" height="354"></iframe>

Thanks in advanced.

Death = $Mill

Hate to ask this as I know it's an easy one but surprisingly Google turns up no clear/simple answers!

I'm modifying some old code and am not JS programmer (I'm a PHP programmer) and this is driving me nuts. The existing code makes sure that when the form is submitted that there isn't a missing value. There's also some hidden input values. The JS starts out

function checkform(orderform)

and the form tag includes onsubmit="return checkform(this);">

I can add an alert to the form to see varius input values, such as a hidden value for the input name 'description' I can use:

alert (orderform.description.value)

Eazy peazy.

However the form has two different input type=image buttons now and I need to do some branching in the JS depending on which image button they press. I recall IE had an issue where it only sends the x and y coordinates So I figure an easy to determine which image button was pressed is just check to see if the x or y value for each button is non-zero.

But I can't for the life of me figure out how to access the value. Example:

alert (orderform.button1.x.value) doesn't work.

Can someone refresh my memory or suggest an entirely different method for detecting which image button was used to submit a form?

THanks in advance!

I'm trying to get a submit button to open a thank you page I created (i.e. thankyou.html) only after the user has filled out a series of questions for a form. If they don't fill out the required information, a pop up box informs them to fill out the section (this I have accomplished). I cannot get the submit button to not work if the fields are left un-answered. Can you guys help?

Thanks for you help.
--------------------------------------------------------------------------

This is what I have so far:

<title>Customer Demographic Data Form</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" ></meta>
<style type="text/css">
body {
font-family: Times New Roman;
color: navy;
background-color: #CCC
}
h1, h2, h5 { font-family: Times New Roman; color: black }
body,td,th {
color: #000;
font-family: Times New Roman, Times, serif;
}
h1 {
color: #000;
}
h2 {
color: #000;
}
h5 {
color: #000;
}
a {
font-family: Times New Roman, Times, serif;
}
h1,h2,h3,h4,h5,h6 {
font-family: Times New Roman, Times, serif;
}
</style>

<script type="text/javascript">

function checkForNumber(fieldValue) {
var numberCheck = isNaN(fieldValue);
if (numberCheck == true) {
window.alert("Please enter a numeric value!");
return false;
}
}

function confirmSubmit() {
var email = document.forms[0].email.value;
if (document.forms[0].fname.value == ""
|| document.forms[0].lname.value == "")
{
window.alert("Please enter your first and last name.");
document.forms[0].lname.focus();
return false;
}
else if (document.forms[0].address1.value == ""
&& document.forms[0].email.value == "")
{
window.alert("Please enter your Mailing Address or Email Address!");
document.forms[0].address1.focus();
return false;
}
else if (email.indexOf("@") == -1
&& document.forms[0].email.value != "")
{
window.alert("Please enter a valid e-mail address.");
document.forms[0].email.focus();
return false;
}
else if (email.indexOf(".") == -1
&& document.forms[0].email.value != "")
{
window.alert("Please enter a valid e-mail address.");
document.forms[0].email.focus();
return false;
}

else if(document.forms[0].city.value == '')
{
window.alert("Please enter your City");
document.forms[0].city.focus();
return false;
}
else if(document.forms[0].state.value == '')
{
window.alert("Please enter your State");
document.forms[0].state.focus();
return false;
}
else if(document.forms[0].zip.value == '')
{
window.alert("Please enter your Zip Code");
document.forms[0].zip.focus();
return false;
}

checkCookie()
}

function checkCookie()
{
var formInfo = decodeURI(document.cookie);
var userInfo = formInfo.split("; ");
var lname = userInfo[0].split("=");
var fname = userInfo[1].split("=");


if (lname[1] == document.forms[0].lname.value
&& fname[1] == document.forms[0].fname.value)

{
this.close(true);
window.open("FormDenied.html");
return false;

}
else
{
setCookie();
return true;
}

}

function setCookie()
{
var expiresDate = new Date();
expiresDate.setFullYear(expiresDate.getFullYear() + 1);
document.cookie = encodeURI("lname=" + document.forms[0].lname.value) + "; expires=" + expiresDate.toUTCString();
document.cookie = encodeURI("fname=" + document.forms[0].fname.value) + "; expires=" + expiresDate.toUTCString();

window.alert("Your information has been saved.");
}

</script>
</head>

<body>
<p>&nbsp;</p>
<h1 align="left" style="text-align: left">Kudler Fine Foods contact form</h1>
<form action="" method="get" enctype="application/x-www-form-urlencoded"
onsubmit="return confirmSubmit();"
onreset="return confirmReset();" >
<blockquote>
<h2><u>Name</u></h2>
<p>
<input type="text" name="fname" id="fname" size="25" />
<label for="fname"><strong>First Name</strong><br>
<br>
</label>
<input type="text" name="lname" id="lname" size="15" />
<strong>Last Name</strong></p>
<h2>---------------------------------------<br>
<u>Address</u> </h2>
<p>
<input type="text" name="address1" id="address1" size="30" />
<label for="address1"><strong>Address Line 1</strong></label>
</p>
<p>
<input type="text" name="address2" id="address2" size="20" />
<strong>Address Line 2<br>
<br>
</strong>
<input type="text" name="city" id="city" size="20" />
<strong>City</strong> </p>
<p>
<input type="text" name="state" id="state" size="2" />
<label for="state2"><strong>State</strong></label>
</p>
<p>
<input type="text" name="zip" id="zip" size="10" maxlength="10" onChange="return checkForNumber(this.value);" />
<label for="zip2"><strong>Zip Code</strong></label>
</p>
<h2>--------------------------------------- </h2>
<h2> <u>Other Information</u></h2>
<table>
<tr>
<td width=300><strong>Telephone</strong></td>
<td width=300><p><strong>Email address:</strong></p></td>
</tr>
<tr>
<td>
<input type="text" name="area" id="area" size="3" maxlength="3" onChange="return checkForNumber(this.value);" />
<input type="text" name="exchange" id="exchange" size="3" maxlength="3" onChange="return checkForNumber(this.value);" />
<input type="text" name="phone" id="phone" size="4" maxlength="4" onChange="return checkForNumber(this.value);" /></td>
<td>
<input type="text" name="email" id="email" size="30" /></td>
</tr>
</table>
</blockquote>
<h5>&nbsp;</h5>
<blockquote><blockquote>
<h3 align="center">
<input name="Submit" type="button"

</h3>
</blockquote>
</blockquote>
</form>
</body>
</html>

Whenever I click the Submit button, which should create a new window showing all the details entered in the form, it doesn't work ideas?

javascript.html
Code:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
 "http://www.w3.org/TR/html4/strict.dtd">

<html>   
<head>
<title>JavaScript</title>

<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-15">

<!-- The external style sheets -->
<link rel="stylesheet" type="text/css" href="mystyle.css">
<script type="text/javascript" src="myjavascript.js"></script>

<meta name="keywords" content="CO332">
<meta name="description" content="CO332 Exercise Website">
<meta name="author" content="Bradley Berwick">


</head>


<body>

<div id="container">
<div id="maincontent">
<div id="header">
		<h1>
			Exercise Website
		</h1>
</div>



<div id="leftnav">
		<ul>
			<li><a href="index.html" >Home</a>
			<li><a href="myjavascript.html" ><span class="currentpage">Services</span></a>
			<li><a href="#" >TBA</a>
			<li><a href="#" >TBA</a>

		</ul>
</div>

	
<div id="content">
  <h2>About Yourself</h2>
  
 
<form name="exampleform">
  <h3>Name: <input name="yourname" type="text"></h3>

	<h3>Age: <input name="age" type="text" size="3" 
	Onchange = '
	if ( !( this.value > 0 && this.value < 150 ) ) {
	alert( this.value + " is not a valid age.");
	this.value=""; // clear age text box
	}' > </h3>
  

  <h3>Gender: 
     <input name="gender" type="radio" value="male"> Male
     <input name="gender" type="radio" value="female"> Female
  </h3>

  <h3>Your favourite colour: 
    <select name="colours">
      <option value="None"> 
      <option value="red">Red
      <option value="green">Green
      <option value="blue">Blue
      <option value="pink">Pink
	  <option value="orange">Orange
	  <option value="purple">Purple
    </select>
  </h3>
<h3>Your hobbies a  <br>
    <input name="running"  type="checkbox"> Running  <br>
    <input name="football" type="checkbox"> Football <br>
	<input name="golf" type="checkbox"> Golf <br>
    <input name="cycling"  type="checkbox"> Cycling 
  </h3>
  
  <textarea rows="10" cols="30">
Add comments.
</textarea>

  <p>
    <input type="reset" value="Clear"> 
    &nbsp; &nbsp; 
    
           <input name="submit" type="button" value="Submit"    
        onclick='submitForm()';>
  
  </p>



</form>

</div>

</div>

	<div id="footer">
    <div id="mailto"> Last updated on 28th Oct 2011<br>   
       Maintained by Bradley Berwick
    </div>
    </div>

</div>


</body>
</html>

myjavascript.js
Code:

function displayMessage(msg) {

	// Open a new window 
var msgWindow = window.open('', 'Message');
 
  // Write message in the new Window 
  msgWindow.document.write(msg);
  msgWindow.document.close();

  // Raise this window, in case it's not visible
  msgWindow.focus();
  
}

var hobstring="";
function submitForm() {
var nam=document.exampleform.elements["yourname"].value;
var age=document.exampleform.elements["age"].value;

var gend = document.getElementsByName('gender');
for (var i = 0; i < gend.length; i++) {
    if (gend[i].checked==true) {
var sex=gend[i].value; 
    }
}
 var sel=document.getElementById('color');
 var color=sel.options[sel.selectedIndex].value;

var hobbs = document.getElementsByName('hobby');
for (var a = 0; a < hobbs.length; a++) {
    if (hobbs[a].checked==true) {
hobstring+=hobbs[a].id+", "; 
    }
} 
var msg="Name: "+nam+"<br>Age: "+age+"<br>Gender: "+sex+"<br>Favorite color: "+color+"<br>Hobbies: "+hobstring;
displayMessage(msg);
}

I am looking for some help similar to this old post: http://www.codingforums.com/showthread.php?t=19588

I want my radio buttons to become submit buttons as well. So when a user clicks on a radio button it submits the action and refreshes the page accordingly. As of now using only using onclick="this.form.submit()" the page only refreshes with no change.

Here is a copy of the entire form. It is a custom shipping options form (I did not create it). Any help would be appreciated.

Code:

<!-- Custom shipping form -->
<form action="" method="post" name="update_shipping">

              <table width="300">
      <tr>
        <td><label>
          <input  <?php if (!(strcmp($_SESSION['shippingmethod'],"1"))) {echo "checked=\"checked\"";} ?> name="grpshipping" type="radio" id="grpshipping_0" value="1" checked="checked" onclick="this.form.submit()"/>
          Ground Shipping</label></td>
        <td class="style261"><?php echo date("m/d/Y",$grounddelivery);?></td>
        <td class="style261">$<?php if(($_SESSION['roundedweight']) >= 21){
			echo number_format($row_rsshippingprices['Ground'] + ($row_rsshippingpricesover21['Ground'] * ($varWeightover)) ,2);
			} else {
			echo number_format($row_rsshippingprices['Ground'],2);
			} ?></td>
        </tr>
        <?php if($rainbowcart->ConditionalTotal("Quantity", "groundshiponly", "1") == 0) {//show other shipping options ONLY if a ground shipping only item is not in the cart ?>
      <tr>
        <td><label>
          <input  <?php if (!(strcmp($_SESSION['shippingmethod'],"2"))) {echo "checked=\"checked\"";} ?> type="radio" name="grpshipping" value="2" id="grpshipping_1" onclick="this.form.submit()" />
          Fedex 3 Day</label></td>
        <td class="style261"><?php echo date("m/d/Y",$fedex3delivery);?></td>
        <td class="style261">$<?php if(($_SESSION['roundedweight']) >= 21){
			echo number_format($row_rsshippingprices['Fedex3'] + ($row_rsshippingpricesover21['Fedex3'] * ($varWeightover)) ,2);
			} else {
			echo number_format($row_rsshippingprices['Fedex3'],2);
			} ?></td>
        </tr>
      <tr>
        <td><label>
          <input  <?php if (!(strcmp($_SESSION['shippingmethod'],"3"))) {echo "checked=\"checked\"";} ?> type="radio" name="grpshipping" value="3" id="grpshipping_2" onclick="this.form.submit()"/>
          Fedex 2 Day</label></td>
        <td class="style261"><?php echo date("m/d/Y",$fedex2delivery);?></td>
        <td class="style261">$<?php if(($_SESSION['roundedweight']) >= 21){
			echo number_format($row_rsshippingprices['Fedex2'] + ($row_rsshippingpricesover21['Fedex2'] * ($varWeightover)) ,2);
			} else {
			echo number_format($row_rsshippingprices['Fedex2'],2);
			} ?></td>
        </tr>
      <tr>
        <td><label>
          <input  <?php if (!(strcmp($_SESSION['shippingmethod'],"4"))) {echo "checked=\"checked\"";} ?> type="radio" name="grpshipping" value="4" id="grpshipping_3" onclick="this.form.submit()"/>
          Next Day PM</label></td>
        <td class="style261"><?php echo date("m/d/Y",$nddelivery);?></td>
        <td class="style261">$<?php if(($_SESSION['roundedweight']) >= 21){
			echo number_format($row_rsshippingprices['ONPM'] + ($row_rsshippingpricesover21['ONPM'] * ($varWeightover)) ,2);
			} else {
			echo number_format($row_rsshippingprices['ONPM'],2);
			} ?></td>
        </tr>
        <tr>
        <td><label>
          <input  <?php if (!(strcmp($_SESSION['shippingmethod'],"5"))) {echo "checked=\"checked\"";} ?> type="radio" name="grpshipping" value="5" id="grpshipping_4" onclick="this.form.submit()"/>
          Next Day AM</label></td>
        <td class="style261"><?php echo date("m/d/Y",$nddelivery);?></td>
        <td class="style261">$<?php if(($_SESSION['roundedweight']) >= 21){
			echo number_format($row_rsshippingprices['ONAM'] + ($row_rsshippingpricesover21['ONAM'] * ($varWeightover)) ,2);
			} else {
			echo number_format($row_rsshippingprices['ONAM'],2);
			} ?></td>
        </tr>
      </table>

      <table class="eC_ButtonWrapper" border="0" cellpadding="0" cellspacing="0">
				<tr>
					<td align="left"><center>Choose an option above and click update to change your shipping preference.<br /><b>PLEASE BE SURE AND PRESS UPDATE IF YOU CHANGE YOUR SHIPPING OPTION<br /><br /><input type="image" name="Update_shipping" id="Update_shipping" value="Update_shipping" alt="Update_shipping" src="WA_eCart/Images/Nautica/Btn4_EN_update.gif" class="eC_ImageButton"  /></center></td>
				</tr>
			</table>
      <?php } //end of show if ground ship item is not in the cart?>
      <?php if($rainbowcart->ConditionalTotal("Quantity", "groundshiponly", "1") <> 0) { ?>
      <font color="red">The cart contains a Ground Shipping only item, this order can only be shipped ground</font><br /><br />
	  <?php } ?>
</form>
<!-- End of Custom shipping form -->

Hi all, i have seen that there is an input type 'reset' which i presum clears all fields in a form? But anyway i did not know this existed and my implementation requires a bit more sophistication so i had already written code to do a custom reset of the boxes whilst keeping and updating certain key values. This works fine.

My question is, for the actual 'submit' of the data in a form do i have to use a button of type 'submit'? It is actually better for me in this instance that i do not as the special message windows i am using will close - and in the case of errors in the user input this is not desirable - so i have written the error handling etc with window staying open in mind, so that user can correct their errors and resubmit.

To accomplish this i changed my input into type 'button' and it works fine

When i click 'the submit button' it checks fields for valid data first - can i use its return value to somehow activate or not the actual form data sending?

Like i have

Code:

<input type = "button" style = "font-size:18;" value= "  Submit  "onclick = "CheckValid()"/>

I could be calling 'SendForm()' or something here instead and have check valid called from within SendForm() i norder to determin it's return type, how can i use this to decide if the form data is valid to send or not? and how could i use the return value in the html like this?

should i A: think it is possible to send all the data from within the onclick function so i use that to decide if it gets sent from internal calls there and display thank you message if so, if not display error message.

should i B:

Disable the sending button until the fields contain valid data? Or use a second button to confirm data then allow a submit button to be pressed?

Hello

Wondering something, I created a form and have I have it submit when the user clicks the Submit button.



<!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>
<title>Assignment 4</title>
<style type="text/css">
</style>
</head>

<body style="color: #009999; background-color: #000000">

<form action="mailto:whatisthematrix01@hotmail.com" name="frmCustomer" method="post">

<table style="width: 85%; height: 222px;">
<tr>
<td>
<img alt="Space Ship" height="223" src="spaceship_cg2.jpg" style="float: left" width="761" /></td>
</tr>
</table>

<p>&nbsp;</p>
<table style="width: 100%">
<tr>
<td class="style1">Interstellar Shipping - Customer Registration </td>
</tr>
</table>
<p>&nbsp;</p>

<table class="style2">
<tr>
<td class="style3">
First Name:</td>
<td colspan="2" style="width: 273px">
<input id="Text1" type="text" name="Fname" /></td>
</tr>
<tr>
<td class="style3">
Last Name</td>
<td colspan="2" style="width: 273px">
<input id="Text2" type="text" name="Lname" /></td>
</tr>
<tr>
<td class="style3">
City: </td>
<td colspan="2" style="width: 273px">
<input id="Text3" type="text" name="UseCity" /></td>
</tr>
<tr>
<td class="style3">
Country:</td>
<td colspan="2" style="width: 273px">
<input id="Text4" type="text" name="UserCountry" /></td>
</tr>
<tr>
<td class="style3">
E-Mail:</td>
<td colspan="2" style="width: 273px">
<input id="Text6" name="userEmail" type="text" /></td>
</tr>
<tr>
<td class="style3">
Username:</td>
<td colspan="2" style="width: 273px">
<input id="Text5" type="text" name="Username" /></td>
</tr>
<tr>
<td class="style3">
Password:</td>
<td colspan="2" style="width: 273px">
<input id="Password1" type="password" name="Userpassword" /></td>
</tr>
<tr>
<td class="style3" style="height: 35px">
Gender:</td>
<td style="width: 307px; height: 35px;">
Male
<input name="radGender" type="radio" value="radMale" /> Female
<input name="radGender" type="radio" value="radFemale" /></td>
<td style="width: 273px; height: 35px;">
</td>
</tr>
<tr>
<td class="style3">
<input id="Submit1" type="button" value="submit" onclick="doSave()"/></td>
<td colspan="2" style="width: 273px">
<input id="Reset1" type="reset" value="reset" /></td>
</tr>
</table>
</form>


<script Language = "JavaScript">



function ltrim(varIn)
{/*Purpose: Trims the leading spaces from a string*/
var varOut = ""

if(!varIn)
{
// string is null, so nothing to do
}
else // string has at least one character
{
for(intI=0; intI < varIn.length; intI++)
{
if(varIn.charAt(intI) != " ")
{
//first non-space char found so return
//string from this character forward
varOut = varIn.substring(intI)
break
}
}
}
return varOut
}

function doSave()
{

var fOk = true
var strSuperMessage
var superFirstName = document.frmCustomer.Fname
var superLastName = document.frmCustomer.Lname
var superUserCity = document.frmCustomer.UseCity
var superUserName = document.frmCustomer.Username
var superUserPassword = document.frmCustomer.Userpassword
var superUserEmail = document.frmCustomer.userEmail

var checkDigit = /\d/;

if ((ltrim(superFirstName.value)).length == 0)
{
fOk = false
strSuperMessage = "First Name Required"
superFirstName.focus()
}
else
{
if ((ltrim(superLastName.value)).length == 0)
{
fOk = false
strSuperMessage = "Last Name Required"
superLastName.focus()

}
else
{
if ((ltrim(superUserCity.value)).length == 0)
{
fOk = false
strSuperMessage = "City Required"
superUserCity.focus()
}

else
{
if ((ltrim(superUserName.value)).length == 0)
{
fOk = false
strSuperMessage = "Username Required"
superUserName.focus()


}


else
{
if ((ltrim(superUserEmail.value)).length == 0)
{
fOk = false
strSuperMessage = "E-Mail Required"
superUserEmail.focus()
}

else
{
if
(superUserEmail.value.indexOf("@") == -1
|| superUserEmail.value.indexOf(".")== -1)
{
fOk = false
strSuperMessage = "The entered e-mail address is not " +
"valid.\nE-mail addresses must " +
"be in the form name@domain."
superUserEmail.focus()
}
else
{

if (superUserPassword.value.search(checkDigit) ==-1)
{
fOk=false
strSuperMessage = "Please enter at least one digit in your password field.";
superUserPassword.focus()


}

else
{
if ((document.frmCustomer.radGender[0].checked==false) &&
(document.frmCustomer.radGender[1].checked==false))
{
fOk = false
strSuperMessage = "Gender Required"
}


}
}
}}}}}

if(fOk)
{
document.frmCustomer.submit();
//window.location="http://www.google.com"
}

else
alert(strSuperMessage)
}

</script>

</body>
</html>

Is it okay if I redirect to Google like I did here.

if(fOk)
{
document.frmCustomer.submit();
//window.location="http://www.google.com"
}

I can't do it in the form action, because I have the mailto link. Simply put, what I did in the if statement, is that okay, there would be no problem with it?

<input type="image" src="uploads/button_in_cart.gif" border="0" alt="Add to Cart" title=" Add to Cart " onclick="addtocart(1);">


in addtocart function I do some checking

how can i change that if after some checking my variable valid=0 that it does not allow the user to submit the form?

Hi everyone,

I have a problem with something I am trying to do.
I have a submit button and once I press it I want it to add a post value to my website.
For example my website is www.something.net/test.php
and once I press it I want it to refresh the site and becomes something like

www.something.net/test.php&ca=test
In other words I want it to use POST and then using GET I can get the value of the POST. I have posted this under javascript because I believe I have a problem with the javascript I use.
Here is the javascript and the button I use

Javascript
Code:

			function reload(val)
			{
			//var val=form.accept.id;
			self.location='test.php?ca=' + val ;
			}

Button
Code:

<form name='form1' method='post' action='' STYLE='margin: 0px; padding: 0px;'>
<input type='submit' name='accept' id='trial' value='Approve' onclick=\"reload(test)\" />
</form></div></td>";

Can you please help me with that?

I need help making this timed quiz so when you hit submit it goes into a mysql database. right now it just tells you if you answered correctly or not

Here is the code:

what color is the grass?

<input type = "text" id = "answer">
<input type = "button" id = "time" onclick="answer()">

<script type = "text/javascript">
var n = 60; // modify this for number of seconds to answer
document.getElementById( 'time').value = "Answer in " + n + " seconds";
var i = setInterval('count()' , 1000);
var tooLate;

function count() {
tooLate = 0;
n--;
if(n >=0) {
document.getElementById( 'time').value = "Answer in " + n + " seconds";
}
else {
clearInterval(i);
alert("Too late!");
document.getElementById('answer').value = "";
tooLate = 1;
}
}

function answer() {

var correct = "green"; // This is the correct answer
if (tooLate == 0) {
if(document.getElementById( 'answer').value == correct) {
clearInterval(i);
alert("Right Answer with " + n + " seconds remaining");
}
else{
clearInterval(i);
alert("Incorrect! The answer was " + correct);
}
}
}
</script>

How exactly would you validate a form with JavaScript if instead of using the regular input type="submit" to allow submission you used input type="image"?