javascript提交表单（转）

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>

秒客网

javascript提交表单（转）

onSubmit="return actionCheck();">

相关文章