Javascript——表单提交-白红宇

Javascript——表单提交

阅读量：2813 次

发布时间：2019-05-13

本文共 2608 字，大约阅读时间需要 8 分钟。

总结下这么几种的方法:

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>