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>