JavaScript - Stop Submit Button

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?

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>

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"?

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);
}

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?

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>

I have a simple js script which toggles between 2 tabs using a simple switch function to display: block or none.

In each tab I have a form which returns data from a db using php mysql.

The problem is that when I click the submit button the page is reloaded and so the page reverts to showing the 1st tab. The data is returned correctly but the users has to click the 2nd tab to view it.

I have tried adding on onclick event to the submit button but this doesn't work. Is it possible to force the 2nd tab to show if the submit button in the 2nd tab is clicked.

Many thanks!

Hello..

I have seen this somewhere, but I don't know how to make it - possibly with a JavaScript integrated with the HTML code to create a submit button.

What I want is once the page is loaded, I want the submit button to count down from 5 to 0, and when it's reached 0, the button is clickable - but before that, nothing happens when you click it obviously.

How can I obtain this?
Whether if it's created in JavaScript or jQuery doesn't matter, I use both...

Thanks

Is it possible for JavaSscript to toggle a submit button?

I will be using it in this code:
Code:

<SCRIPT type="text/javascript">
	if (document.forms["form"]["quantitys"].value > '.$row['quantity'].') {
		alert ("The quantity you wanted for product '.$row['id'].' is no longer available and will be changed to the highest available quantity.");
		document.forms["form"]["quantity"].value = '.$row['quantity'].';
		// JAVASCRIPT TOGGLE SUBMIT
	}
</SCRIPT>

The submit button:
<INPUT name="submit" type="submit" value="UPDATE QUANTITY">

Hello,

First, thank you to anyone that can help. Basically I am trying to create a Cascade Dropdown with a submit button, that once clicked, takes them to a URL depending on the choices they made in the cascade dropdown.

I have the cascade dropdown working properly but do not know how to create a submit button that says, "If Cookeville = Cosmetology; then go to this URL." Any ideas or suggestions? I will need to create this type of conditional statement for each choice. My code so far is below. Thank you again in advanced.


Code:

<form id="locations">
<label for="categories">categories: </label> 
<select name="categories" id="categories"> 
    <option value="1">Cookeville, TN</option> 
    <option value="2">Lebanon, TN</option> 
    <option value="2">Dalton Beauty School</option> 
    <option value="2">Daphnie</option> 
</select> 
<label for="items">items: </label> 
<select name="items" id="items" type="submit"> 
    <option class="2" value="0">Cosmetology</option> 
    <option class="2" value="1">Cosmetology Instructor</option> 
    <option class="2" value="2">Instructor Trainee</option> 
    <option class="1" value="3">Cosmetology</option> 
    <option class="1" value="4">Cosmetology Instructor</option>
    <option class="1" value="5">Esthetician</option> 
    <option class="1" value="6">Instructor Trainee</option> 
    <option class="1" value="7">Nail Technology</option>
</select></form>

<script type="text/javascript">
//Applies cascading behavior for the specified dropdowns 
function applyCascadingDropdown(sourceId, targetId) { 
    var source = document.getElementById(sourceId); 
    var target = document.getElementById(targetId); 
    if (source && target) { 
        source.onchange = function() { 
            displayOptionItemsByClass(target, source.value); 
        } 
        displayOptionItemsByClass(target, source.value); 
    } 
} 
//Displays a subset of a dropdown's options 
function displayOptionItemsByClass(selectElement, className) { 
    if (!selectElement.backup) { 
        selectElement.backup = selectElement.cloneNode(true); 
    } 
    var options = selectElement.getElementsByTagName("option"); 
    for(var i=0, length=options.length; i<length; i++) { 
        selectElement.removeChild(options[0]); 
    } 
    var options = selectElement.backup.getElementsByTagName("option"); 
    for(var i=0, length=options.length; i<length; i++) { 
        if (options[i].className==className) 
            selectElement.appendChild(options[i].cloneNode(true)); 
    } 
} 
//Binds dropdowns 
function applyCascadingDropdowns() { 
    applyCascadingDropdown("categories", "items"); 
    //We could even bind items to another dropdown 
    //applyCascadingDropdown("items", "foo"); 
} 
//execute when the page is ready 
window.onload=applyCascadingDropdowns;
</script>

Hi All,


I am new to html and javascript. I am doing a webpage where i need to get the value from a slider and send it across the from client to server side. I need to inform the server side about the value (done) and also update the sliders's value after a submission button.
Anyone have any idea how to do the latter part. Here is my code.
Code:

<html>
<head>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
		<script type="text/javascript" src="js/range.js"></script>
		<script type="text/javascript" src="js/timer.js"></script>
		<script type="text/javascript" src="js/slider.js"></script>
</head>
<body>
<p>Current Value:</p>
		<div class="slider" id="slider-1" tabIndex="1">
		<input class="slider-input" id="slider-input-1"/>
		</div>
		<form  name="hMess" action="" onsubmit="return convertURL(this);">  <input name="w"  type="number" id="h-value" onchange="s.setValue(parseInt(this.value))"> <input name="1" id="1" type="submit" value="Update"></form> 

<script type="text/javascript">
var s1 = new Slider(document.getElementById("slider-1"), document.getElementById("slider-input-1"));

s1.onchange = function () 
{
document.getElementById("h-value1").value = s1.getValue();
};
var a=document.getElementById("h-value1").value
s1.setValue(a);

var locate = window.location
document.hmess.burns.value = locate
var text = document.hmess.burns.value

function delineate(str)
{
	theleft = str.indexOf("=") + 1;
	theright = str.indexOf("&");
	return(str.substring(theleft, theright));
}	
</script>

body>
</html>

Thanks in advance.

I am a novice at web-designing. And I have been stuck at a problem for one week. I am trying to create a website which consists of a form which the user is required to fill out, and based on the information supplied by the user the submit button generates different pages. Now, I have a couple of drop down lists, and each drop down list has 5-6 fields. Right now, the submit button links to only one page irrespective of the information in the form. I want my submit button to generate a different result depending upon the combinational changes the different drop down list undergoes. How can I go about it? Any kind of help is highly appreciated. Thanks!

I would like my form submit button to show as a link instead of a button, where it will be a link and pass the city value to the action page:

Code:

<form action="goTo.jsp" method="post">
<input type="text" name="city">
<input type="submit">
</form>

Please advise.

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 &nbsp;<input type="text" size="10" id="umur">&nbsp; Tahun
<br><br> Tarikh Lahir &nbsp; <input type="text" size="10" id="tarikh">
</tr>

<tr>
<td>Alamat</td>
<td><textarea name= "comments" rows="6" cols="20" wrap="virtual" id="alamat">&nbsp;</textarea></td>
<td>Poskod &nbsp;<input type="text" size="10" id="poskod">
<br><br>Negeri &nbsp;
<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 &nbsp;<input type="text" size="10" id="email"></td>
</tr>
</table><br>
<input type="submit" value="Submit"> &nbsp; <input type= reset value ="Reset">
</form>

</body>
</html>

All,
I have the following code:
Code:

<input type="button" name="button" value="Submit" 
   onclick="javascript:get(this.myform);">

How can I change this to make this button disabled after the onclick?

Thanks in advance.