1、按鈕為button,可在js中調用formName.submit()顯性提交。若是submit按鈕,則不能再這樣加提交語句,否則會提交兩次。
2、一個input域中回車,會默認第一個submit屬性的按鈕提交。若都是butoon屬性,則回車不會提交表單。
3、有時提交表單后不能刷新頁面,即沒有action=""的情況,<form name="hand" method="post" onSubmit="javascript:return handle();">(此時在handle()中進行處理后會返回一個false)或者<form name="hand" method="post" onSubmit="javascript:handle();return false">或者<input type="button" id="addbt" name="addbt" value="增加關聯" onClick="javascript:subList();return false;" />。這樣做了后能保證只執行js代碼后,本頁面不刷新,也不提交到另一個頁面。
//一般提交
function del(myform)
{
myform.target="_blank" //也可以是_self,_top,_parent,默認為_self
myform.action="trade_delete.asp";
myform.submit();
}
//提交后對窗口的限制
function del(creator)
{
creator.target="preview";
creator.action="register_check.asp";
var win = window.open("about:blank","preview","toolbar=no,directories=no,status=no,menubar=no,scrollbars=yes,resizable=no,width=250,height=25,top=250,left=300");
win.focus();
creator.submit();
}
總結下這么幾種的方法: 1,通過type=submit 或者圖片的submti來提交(圖片的這種方法很不錯) 2,通過在imput里面加onclick來寫個方法來做提交前的驗證.type可以是button.,反正多個瀏覽器 做的時候,試驗一下. 3,還有可以通過在form里面加onsubmit來驗證. 4,通過在javascript的方法里頭,用submit()方法來提交 具體得到這個form的方法有: oForm = document.getElementById("form1"); oForm = document.forms("form1"); oForm = document.forms[0]; //通過上面的幾種可以得到form oForm.submit(); xml 代碼
- <%@ page language="java" import="java.util.*" pageEncoding="gbk"%>
- <html>
- <script type="text/javascript">
- function dosubmit() {
- alert("heihei");
- }
- script>
- <head>javascript測試head>
- <body>
-
- <hr>
- <form action="print.jsp" method="post">
- <input type="text" name="hello"/>
- <input type="submit" name="sub" value="提交" onclick="dosubmit()"/>
-
- form>
- body>
- html>
可以在函數里面做出驗證.
這個要用onclick 來觸發事件,onchange,試了下不行其他不行.
這里是用按鈕.這里type用了submit
xml 代碼
- <%@ page language="java" import="java.util.*" pageEncoding="gbk"%>
- <html>
- <script type="text/javascript">
- function dosubmit() {
- document.forms[0].submit();
- alert("^_^提交成功!");
- }
- script>
- <head>javascript測試head>
- <body>
-
- <hr>
- <form action="print.jsp" method="post">
- <input type="text" name="hello"/>
- <input type="button" name="sub" value="提交" onclick="dosubmit()"/>
-
- form>
- body>
- html>
這里type用button,用document.forms[0].submit()來提交.
xml 代碼
- <%@ page language="java" import="java.util.*" pageEncoding="gbk"%>
- <html>
- <script type="text/javascript">
- function dosubmit() {
- //document.forms[0].submit();
- alert("1111提交成功!");
- }
- script>
- <head>javascript測試head>
- <body>
-
- <hr>
- <form action="print.jsp" method="post">
- <input type="text" name="hello"/> z
- <input type="image" src="submit.bmp" name="sub" onclick="dosubmit()"/>
-
- form>
- body>
- html>
- <form name="form1" method="post" action="<%=request.getContextPath()%>/news/NewsTypeAddAction.sh"
onSubmit="return actionCheck();">
<table>
<tr>
<td>新聞類型編號</td>
<td>
<input type="text" name="typeid" onBlur="isDigit(this.value)"> </td>
</tr>
<tr>
<td>新聞類型名稱</td>
<td>
<input type="text" name="typename"> </td>
</tr>
<tr>
<td>新聞存放目錄名稱</td>
<td>
<input type="text" name="dir"> </td>
</tr>
<tr>
<td>使用模版名稱</td>
<td>
<input type="text" name="templatename"> </td>
</tr>
<tr>
<td colspan="2">
<div align="center">
<input type="submit" name="Submit" value="Submit">
<input type="reset" value="Reset">
</div></td>
</tr>
</table>
</form>
<script type="text/javascript">
function isDigit(s)
{
var patrn=/^[0-9]{1,20}$/;
if (!patrn.exec(s)&&s!=""){
alert("請您輸入數字!");
document.form1.typeid.value="";
document.form1.typeid.focus();
return false;
}
}
function actionCheck() - {
if(document.form1.typeid.value=="") - {
alert("新聞類型編號不能為空!");
document.form1.typeid.value="";
document.form1.typeid.focus();
return false;
}
}
</script>