http://wbex.ru/index.php?action=history&feed=atom&title=JavaScript_Tutorial%2FForm%2Fsubmit_button
JavaScript Tutorial/Form/submit button - История изменений
2026-04-04T07:54:38Z
История изменений этой страницы в вики
MediaWiki 1.30.0
http://wbex.ru/index.php?title=JavaScript_Tutorial/Form/submit_button&diff=9123&oldid=prev
Admin: 1 версия
2010-05-26T08:24:49Z
<p>1 версия</p>
<table class="diff diff-contentalign-left" data-mw="interface">
<tr style="vertical-align: top;" lang="ru">
<td colspan="1" style="background-color: white; color:black; text-align: center;">← Предыдущая</td>
<td colspan="1" style="background-color: white; color:black; text-align: center;">Версия 08:24, 26 мая 2010</td>
</tr><tr><td colspan="2" style="text-align: center;" lang="ru"><div class="mw-diff-empty">(нет различий)</div>
</td></tr></table>
Admin
http://wbex.ru/index.php?title=JavaScript_Tutorial/Form/submit_button&diff=9122&oldid=prev
в 18:52, 25 мая 2010
2010-05-25T18:52:56Z
<p></p>
<p><b>Новая страница</b></p><div>== Return false in form button click event==<br />
<br />
<br />
<br />
<br />
<!-- start source code --><br />
<br />
<source lang="javascript"><br />
<html><br />
<head><br />
<title>A Simple Page</title><br />
<script language="JavaScript"><br />
<!--<br />
function chkForm()<br />
{<br />
if (form1.inp1.value == "")<br />
{<br />
alert("Please fill in the text box");<br />
form1.inp1.focus();<br />
return false;<br />
}<br />
}<br />
// --><br />
</script><br />
</head><br />
<body><br />
<form name="form1" method="POST" action=""><br />
<P><input type="text" name="inp1"><br />
<input type="submit" value="Submit" onClick="return chkForm()"><br />
<input type="reset" value="Reset"></p><br />
</form><br />
</body><br />
</html></source><br />
<br />
<br />
<br />
== Submit==<br />
<br />
<p>Instances are created by the browser when it encounters an HTML <input> tag with the TYPE attribute set to SUBMIT.</p><br />
<p>In the JavaScript object hierarchy, the Submit object is located at window.document.Form.Submit.</p><br />
Event Handlers/Methods/Properties<br />
Description<br />
onBlur<br />
Called when the submit button loses focus.<br />
onClick<br />
Called when the submit button is clicked.<br />
onFocus<br />
Called when the submit button receives the focus.<br />
blur()<br />
Removes focus from the submit button.<br />
click()<br />
Simulates a mouse click on the submit button.<br />
focus()<br />
Gives the focus to the submit button.<br />
handleEvent()<br />
Invokes the handler for the event specified and was added in JavaScript 1.2.<br />
form<br />
Returns the entire form the submit button is in.<br />
name<br />
Returns the name of the submit button specified by the NAME attribute.<br />
type<br />
Returns the type of this submit button specified by the TYPE attribute. This property always returns submit.<br />
value<br />
Returns the value of this submit button specified by the VALUE attribute.<br />
<br />
<br />
<br />
<!-- start source code --><br />
<br />
<source lang="javascript"><br />
<html><br />
<head><br />
<script language="JavaScript"><br />
<!--<br />
function openWin(){<br />
var myInstance = document.myForm.mySubmit;<br />
var myWin = open("", "","width=450,height=200");<br />
myWin.document.write("The name is: " + myInstance.name + "<br>");<br />
myWin.document.write("The type is: " + myInstance.type + "<br>");<br />
<br />
myWin.document.write(myInstance.form.mySubmit.value);<br />
myWin.document.close();<br />
}<br />
--><br />
</script><br />
</head><br />
<body><br />
<form name="myForm"><br />
<input type=TEXT value="Hello, World!" name="myText"><br />
<input type=SUBMIT value="Click to Submit" name="mySubmit"<br />
onClick="openWin()"><br />
</form><br />
</body><br />
</html></source><br />
<br />
<br />
<br />
== Submit.blur()==<br />
<br />
<p>The blur() method removes the focus from the submit button.</p><br />
<br />
<br />
<br />
<!-- start source code --><br />
<br />
<source lang="javascript"><br />
<html><br />
<head><br />
<script language="JavaScript"><br />
<!--<br />
function removeFocus(){<br />
document.myForm.mySubmit.blur();<br />
}<br />
--><br />
</script><br />
</head><br />
<body><br />
<form name="myForm"><br />
<input type=TEXT value="Hello, World!" name="myText"><br />
<input type=SUBMIT value="Click to Remove Focus" name="mySubmit" onClick="removeFocus()"><br />
</form><br />
</body><br />
</html></source><br />
<br />
<br />
<br />
== Submit.click()==<br />
<br />
<p>The click() method simulates a click on the submit button. Note that if you have an onClick event handler assigned to this button, it will not be executed.</p><br />
<br />
<br />
<br />
<!-- start source code --><br />
<br />
<source lang="javascript"><br />
<html><br />
<head><br />
<script language="JavaScript"><br />
<!--<br />
function submitForm(){<br />
if(document.myForm.myText.value == ""){<br />
alert("Please enter some text first");<br />
}else{<br />
document.myForm.mySubmit.click();<br />
}<br />
}<br />
--><br />
</script><br />
</head><br />
<body><br />
<form name="myForm"><br />
Please Enter some text and click the link.<br><br />
<input type=TEXT value="" name="myText"><br />
<input type=SUBMIT value="Submit" name="mySubmit"><br />
</form><br />
<br><br />
<a href="javascript:submitForm()">Click here to submit the form</a><br />
</body><br />
</html></source><br />
<br />
<br />
<br />
== Submit.focus()==<br />
<br />
<p>The focus() method places focus on the Submit button.</p><br />
<br />
<br />
<br />
<!-- start source code --><br />
<br />
<source lang="javascript"><br />
<html><br />
<head><br />
<script language="JavaScript"><br />
<!--<br />
function setFocus(){<br />
document.myForm.mySubmit.focus();<br />
}<br />
--><br />
</script><br />
</head><br />
<body><br />
<form name="myForm"><br />
<input type=TEXT value="Hello, World!" name="myText" onFocus="setFocus()"><br />
<input type=SUBMIT value="Submit" name="mySubmit"><br />
</form><br />
</body><br />
</html></source><br />
<br />
<br />
<br />
== Submit.form==<br />
<br />
<p>The form property provides access to all the data of the form in which the submit button is located.</p><br />
<br />
<br />
<br />
<!-- start source code --><br />
<br />
<source lang="javascript"><br />
<html><br />
<head><br />
<script language="JavaScript"><br />
<!--<br />
function openWin(){<br />
var formData = document.myForm.mySubmit.form;<br />
var myWin = open("", "","width=450,height=200");<br />
myWin.document.write("The name of the form is: " + formData.name + "<br>");<br />
myWin.document.write(formData.myText.value + "<br>");<br />
myWin.document.write(formData.elements[1].name + "<br>");<br />
myWin.document.close();<br />
}<br />
--><br />
</script><br />
</head><br />
<body><br />
<form name="myForm"><br />
<input type=TEXT value="Hello, World!" name="myText"><br />
<input type=BUTTON value="Click to Process" name="mySubmit" onClick="openWin()"><br />
</form><br />
</body><br />
</html></source><br />
<br />
<br />
<br />
== Submit.handleEvent()==<br />
<br />
<p>Syntax</p><br />
<br />
<br />
<br />
<!-- start source code --><br />
<br />
<source lang="javascript"><br />
submit.handleEvent(event)</source><br />
<br />
<br />
<br />
== Submit.name==<br />
<br />
<p>The name property returns the name of the submit button.</p><br />
<p>This property is often accessed via the elements array of a Form object and used to return the name of the button.</p><br />
<br />
<br />
<br />
<!-- start source code --><br />
<br />
<source lang="javascript"><br />
<html><br />
<head><br />
<script language="JavaScript"><br />
<!--<br />
function getName(){<br />
alert("The name of this submit button is " + document.myForm.elements[1].name);<br />
}<br />
--><br />
</script><br />
</head><br />
<body><br />
<form name="myForm"><br />
<input type=TEXT value="First Box" name="myText"><br />
<input type=SUBMIT value="Submit" name="mySubmit" onClick="getName()"><br />
</form><br />
</body><br />
</html></source><br />
<br />
<br />
<br />
== Submit.onBlur==<br />
<br />
<p>The onBlur event handler is fired when the focus is moved away from that particular submit button.</p><br />
<br />
<br />
<br />
<!-- start source code --><br />
<br />
<source lang="javascript"><br />
<html><br />
<head><br />
<script language="JavaScript"><br />
<!--<br />
var counter = 0;<br />
function comeBack(){<br />
document.myForm.mySubmit.focus();<br />
document.myForm.counter.value = counter++;<br />
}<br />
--><br />
</script><br />
</head><br />
<body onLoad="comeBack()"><br />
<form name="myForm"><br />
<input type=TEXT value="Text Box" name="myText"><br />
<input type=SUBMIT value="Submit" name="mySubmit" onBlur="comeBack()"><br><br />
<input type=TEXT size=2 value="" name="counter"><br />
</form><br />
</body><br />
</html></source><br />
<br />
<br />
<br />
== Submit.onClick==<br />
<br />
<p>The onClick event handler is fired when a submit button is clicked.</p><br />
<br />
<br />
<br />
<!-- start source code --><br />
<br />
<source lang="javascript"><br />
<html><br />
<head><br />
<script language="JavaScript"><br />
<!--<br />
function setText(){<br />
document.myForm.myText.value = document.myForm.myText.value.toUpperCase();<br />
}<br />
--><br />
</script><br />
</head><br />
<body><br />
<form name="myForm"><br />
Please Enter some text and click the Submit Button.<br><br />
<input type=TEXT value="Enter Text Here" name="myText"><br />
<input type=BUTTON value="Submit" name="mySubmit" onClick="setText()"><br />
</form><br />
</body><br />
</html></source><br />
<br />
<br />
<br />
== Submit.onFocus==<br />
<br />
<p>The onFocus event handler is fired when focus is set to that particular submit button.</p><br />
<br />
<br />
<br />
<!-- start source code --><br />
<br />
<source lang="javascript"><br />
<html><br />
<head><br />
<script language="JavaScript"><br />
<!--<br />
var counter = 0;<br />
function sendAway(){<br />
document.myForm.myText.focus();<br />
document.myForm.counter.value = counter++;<br />
}<br />
--><br />
</script><br />
</head><br />
<body onLoad="sendAway()"><br />
<form name="myForm"><br />
<input type=TEXT value="First Box" name="myText"><br />
<input type=SUBMIT value="Submit" name="mySubmit" onFocus="sendAway()"><br><br />
<input type=TEXT size=2 value="" name="counter"><br />
</form><br />
</body><br />
</html></source><br />
<br />
<br />
<br />
== Submit.type==<br />
<br />
<p>The type property returns the type of the text box.</p><br />
<p>This always returns submit.</p><br />
<br />
<br />
<br />
<!-- start source code --><br />
<br />
<source lang="javascript"><br />
<html><br />
<head><br />
<script language="JavaScript1.1"><br />
<!--<br />
function getType(){<br />
alert("The name of this submit button is " + document.myForm.elements[1].type);<br />
}<br />
--><br />
</script><br />
</head><br />
<body><br />
<form name="myForm"><br />
<input type=TEXT value="First Box" name="myText"><br />
<input type=SUBMIT value="Submit" name="mySubmit" onClick="getType()"><br />
</form><br />
</body><br />
</html></source><br />
<br />
<br />
<br />
== Submit.value==<br />
<br />
<p>The value property returns the current value of the submit button. This value is what is displayed on the button itself.</p><br />
<br />
<br />
<br />
<!-- start source code --><br />
<br />
<source lang="javascript"><br />
<html><br />
<head><br />
<script language="JavaScript1.1"><br />
<!--<br />
function getValue(){<br />
alert("The value of this submit button is " + document.myForm.elements[1].value);<br />
}<br />
--><br />
</script><br />
</head><br />
<body><br />
<form name="myForm"><br />
<input type=TEXT value="First Box" name="myText"><br />
<input type=SUBMIT value="Submit" name="mySubmit" onClick="getValue()"><br />
</form><br />
</body><br />
</html></source><br />
<br />
<br />
<br />
== Using Image as the submit button==<br />
<br />
<br />
<br />
<br />
<!-- start source code --><br />
<br />
<source lang="javascript"><br />
<html><br />
<head><br />
<title>Submit Example</title><br />
</head><br />
<body><br />
<form id="form1" method="post" action="javascript:alert("Submitted")"><br />
<!-- regular textbox --><br />
<label for="txtName">Name:</label><br /><br />
<input type="text" id="txtName" name="txtName" /><br /><br />
<br />
<!-- submit button --><br />
<input type="image" src="http://www.wbex.ru/style/logo.png" /><br />
<br />
</form><br />
</body><br />
</html></source></div>