Javascript——表单提交

最新推荐文章于 2023-04-10 19:52:28 发布

好多鱼`_

最新推荐文章于 2023-04-10 19:52:28 发布

阅读量1k

点赞数

分类专栏： BS学习

本文链接：https://blog.csdn.net/hanxintong9/article/details/46700715

版权

BS学习专栏收录该内容

18 篇文章 0 订阅

订阅专栏

总结下这么几种的方法:
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>

好多鱼`_

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
4
评论
Javascript——表单提交

总结下这么几种的方法: 1,通过type=submit 或者图片的submti来提交(图片的这种方法很不错) 2,通过在imput里面加onclick来写个方法来做提交前的验证.type可以是button.,反正多个浏览器做的时候,试验一下. 3,还有可以通过在form里面加onsubmit来验证. 4,通过在javascript的方法里头,用submit(
复制链接

扫一扫