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 = ElementByIdx_x_x("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="<%=ContextPath()%>/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 (!(s)&&s!=""){
alert("请您输入数字!");
html中提交表单用什么属性peid.value="";
peid.focus();
return false;
}
}
function actionCheck()
{
if(peid.value=="")
{
alert("新闻类型编号不能为空!");
peid.value="";
peid.focus();
return false;
}
}
</script>
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。
发表评论